高德在线底图
高德在线底图是基础平面地图的子组件,支持独立的样式和交互配置,包括底图的模板、显示内容以及滤镜等,支持接入最新的高德在线地图作为底图,可以根据需要自定义地图样式。本文介绍高德在线底图各配置项的含义。
单击子组件管理下方的高德在线底图,进入配置面板配置高德在线底图的样式和数据。
信息
说明 如果子组件管理中没有高德在线底图,说明您还未添加高德在线底图子组件,请参见地图容器进行添加。
配置
- 基础设置
- 可见级别:设置高德在线底图层的可见级别值,在设定的级别范围内高德在线底图层可见,级别之外不可见。
- 高德地图key:已经申请到的高德地图 Key。
信息
说明 您需要首先申请高德地图key,申请方法请参考以下步骤。
- 注册高德地图帐号 :前往 http://lbs.amap.com ,注册成为高德开发者。
- 获取高德 Key :
- 登录高德开放平台控制台,单击应用管理 > 我的应用 > +创建新应用,输入应用名称并选择应用类型, 完成后单击创建。
- 单击应用列表右侧的添加 Key(+)图标,在弹出框中输入 Key 名称,选择服务平台,并选中页面最下方的阅读并同意服务条款,完成后单击提交。
提交成功后,高德开放平台会自动生成一个 Key,您可在我的应用页面进行查看,并拷贝保存到本地。
回到 Uniplore 大屏管理中心 ,将获取到的高德 Key 粘贴到高德地图Key后面的文本框中,成功后高德在线地图会成为基础平面地图的底图。
- 地图样式:选择设置地图的样式,包括标准模板和自定义样式。
- 标准模板:设置标准模板下的模板样式和显示内容的参数。
参数 | 说明 |
---|---|
标准模板 | 可选择多个标准模板样式的地图。 |
显示内容 | 选择标准样式地图上要显示的内容,包括以下背景、道路、建筑物、标注和路况这五个选项。 |
- 自定义样式
参数 | 说明 |
---|---|
地图样式ID | 输入地图样式 ID,自定义地图样式 。 |
显示内容 | 选择自定义地图样式上要显示的内容,包括以下背景、道路、建筑物、标注和路况这五个选项。 |
说明:您需要在高德开放平台创建自定义地图并获取地图样式 ID,具体方法请参考以下步骤。
- 登录高德开放平台控制台,单击自定义地图 > 创建地图样式。
- 在左侧导航栏中选择一个模板,单击创建。创建成功后,可在模板的基础上进行自定义配置。
- 配置完成后,单击保存,保 存成功后,单击发布。
- 发布成功后,系统弹出发布成功对话框,单击返回控制台,回到自定义地图页面。
- 在自定义地图页面,单击您发布成功的地图样式下方的使用与分享。
- 在使用与分享页面,单击样式 ID 右侧的复制,即可复制样式 ID。
- 将复制的样式 ID 粘贴到 Uniplore 的**高德在线底图 > 配置 > 自定义地图样式 > 地图样式 ID **文本框中。单击配置面板中空白区域,底图层样式就会生效。
数据
此组件不需要配置数据。
交互
选中启用,开启组件交互功能。高德在线底图子组件拥有交互配置,可单击某个室内地图楼层,触发数据请求,抛出回调值,实现在切换楼层的时候,动态加载不同楼层的数据。
信息
说明 交互显示地图楼层模式,只有在选择标准模板样式情况下才可以触发。
默认抛出indoormapFloor字段。具体配置请参见[回调ID实现图表联动功能]。
蓝图编辑器交互配置
- 在画布编辑器页面,单击基础平面地图子组件管理列表中高德在线底图层右侧的
图标。
- 单击页面左上角的
图标。
- 在蓝图编辑器配置页面,单击导入节点栏内的高德在线底图层组件,在画布中可以看到如下图所示的高德在线底图层的蓝图编辑器配置参数。
- 事件
室内地图楼层被点击触发:当单击高德在线底图层中的某个室内地图楼层时触发回调 ID 获取的楼层内信息。
- 动作
动作 | 说明 |
---|---|
显示组件 | 显示组件,不需要参数。 |
隐藏组件 | 隐藏组件,不需要参数。 |