快速入門將帶您迅速了解高德地圖室內JS API的基本使用，學習如何創建和設置地圖，是您在最短時間內成為JS API的開發者。

第1步?準備頁面

在正式開始開發地圖應用之前,您需要做如下幾步:

申請JS API的開發者key

申請室內地圖數據

室內地圖數據訪問權限與開發者key綁定，需要申請開通訪問權限！

請前往室內地圖數據申請申請室內地圖數據。煩請務必提供您所申請的開發者key！

引入高德室內地圖JavaScript API幾何樣式文件：

引入高德室內地圖JavaScript API文本樣式文件:

創建地圖容器

在頁面body里你想展示地圖的地方創建一個div 容器，并指定id標識:

指定容器大小

按照需要設定地圖容器的大小，確保大小合適,比如用CSS這樣設置它:#container {width:300px; height: 180px; }

第2步?創建地圖

做完簡單的準備工作之后，就可以開始創建地圖了.

//示例 初始化地圖

var map = new Indoor.Map('container',{

key:'開發者key',

buildingId:'建筑物ID'

});

//由于地圖數據使用了異步加載，為避免出錯請把所有的邏輯放在mapready事件內

map.once('mapready',function(){

console.log(map.getFloor());

})

第3步?地圖選項

OptionTypeDefaultAllowEmptyDescription

keyStringnullno申請JSAPI的開發者key,

申請地址：https://lbs.amap.com/dev/key

注：key需要綁定Web服務API

buildingIdStringnullno建筑物ID.

floorNumbernullyes地圖加載指定的樓層

zoomNumbernullyes地圖加載指定的層級

floorControlBooleantrueyes是否顯示樓層控件

detailTipControlBooleantrueyes是否顯示詳情tip控件，pc端顯示在水滴圖標上，

mo單獨顯示在頁腳.

searchBarControlBooleantrueyes是否顯示搜索控件

routeControlBooleantrueyes是否顯示路算控件

zoomControlBooleantrueyes是否顯示載 放大／縮小控件

imagePathStringimagesyes圖片資源路徑，默認和jsapi在相同路徑下的images目錄

highlightFeatrueClickBooleanfalseyes點擊商鋪后是否高亮顯示

renderColorsArray [object]nullyes自定義顏色渲染，見下面示例

indoorExtraStringnullyes自定義標識字符串，通過標識來實現自定義統計，

注：字符串中不要帶&和=字符,

通過KEY:VAULE的形式傳遞多組字段和內容，

例:KEY1:VAULE1;KEY2:VAULE2

注意：如若出現地圖數據加載問題，有可能是如下問題導致，可逐一檢查確認：

1)提供的開發者key不正確；

2)key綁定的JS API服務不正確；

3)室內建筑ID不正確；

4)未獲取室內建筑數據的訪問權限。

室內數據訪問權限及申請地址如下：申請室內地圖數據

總結

以上是生活随笔為你收集整理的js室内地图开发_入门指南-室内地图 JS API | 高德地图API的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。