高德地图开发室内地图 JS API开发指南-地图选项

地图选项

Option	Type	Default	AllowEmpty	Description
key	String	null	no	申请JSAPI的开发者key, 申请地址：https://lbs.amap.com/dev/key 注：key需要绑定Web服务API
buildingId	String	null	no	建筑物ID.
floor	Number	null	yes	地图加载指定的楼层
zoom	Number	null	yes	地图加载指定的层级
floorControl	Boolean	true	yes	是否显示楼层控件
detailTipControl	Boolean	true	yes	是否显示详情tip控件，pc端显示在水滴图标上， mo单独显示在页脚.
searchBarControl	Boolean	true	yes	是否显示搜索控件
routeControl	Boolean	true	yes	是否显示路算控件
zoomControl	Boolean	true	yes	是否显示载放大／缩小控件
imagePath	String	images	yes	图片资源路径，默认和jsapi在相同路径下的images目录
highlightFeatrueClick	Boolean	false	yes	点击商铺后是否高亮显示
renderColors	Array [object]	null	yes	自定义颜色渲染，见下面示例
indoorExtra	String	null	yes	自定义标识字符串，通过标识来实现自定义统计，注：字符串中不要带&和=字符, 通过KEY:VAULE的形式传递多组字段和内容，例:KEY1:VAULE1;KEY2:VAULE2

示例代码

JavaScript

//示例 初始化地图
    var map = new Indoor.Map('container',{
   key:'开发者key',
   buildingId:'建筑物ID',
   renderColors:{
       defaultFontColor:'red', //显示文字颜色
       shopHightLightStyle:{   //点击高亮商铺样式
         'fillColor': '#fffdf8',
         'color': '#d1ccc0',
         'weight': 1,
         'fillOpacity': 1,
         'opacity': 1,
         'fontColor':'red'
       },
       shopStyle:[
       //楼层面样式
       { typeCode: 'floor', style: { 'fillColor': 'red', 'color': 'red', 'fontColor':'#d1ccc0' } },
       //商铺分类配色，根据ft_typecode的前2位
       { typeCode: '98,05', style: { 'fillColor': 'red', 'color': 'red', 'fontColor':'#d1ccc0' } },
       //中空、非开放区域配色
       { typeCode: '00', style: { 'fillColor': 'red', 'color': 'red', 'fontColor':'#d1ccc0' } },
       //根据ft_sourceid配色
       { id: '49130210100059', style: { 'fillColor': 'red', 'color': 'red', 'fontColor':'#000000' } },
       ]
 }
    });