示例中心
功能在线体验
控制台

高德 开发 室内地图 JS API 开发指南 与地图交互 地图选项

更新时间:2017年03月07日

地图选项

Option

Type

Default

AllowEmpty

Description

key

String

null

no

申请JSAPI的开发者key,

申请地址:http://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

示例代码

//示例 初始化地图
    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' } },
       ]
 }
    });
示例中心 功能
在线体验
常见问题