高德在线底图是基础平面地图的子组件,支持独立的样式和交互配置,包括底图的模板、显示内容以及滤镜等,支持接入最新的高德在线地图作为底图,可以根据需要自定义地图样式。本文档为您介绍高德在线底图各配置项的含义,帮助您快速准确地使用高德在线底图子组件。

注意 当前为v2.x版本的高德在线底图层子组件指导文档,如需查看该子组件v1.x版本的文档内容详情,请参见高德在线底图(v1.x版本)

参见地图容器(v2.x版本)添加高德在线底图子组件,并配置其参数。

配置

高德在线地图配置面板
  • 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置弹出框中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索组件配置
  • 可见级别:设置高德在线底图层的可见级别值,在设定的级别范围内高德在线底图层可见,级别之外不可见。
  • 高德地图Key:已经申请到的高德地图Key。
    说明 您需要首先申请高德地图key,申请方法请参考以下步骤。
    1. 注册高德地图帐号 :前往 http://lbs.amap.com ,注册成为高德开发者。
    2. 获取高德Key :
      1. 登录高德开放平台控制台,单击应用管理 > 我的应用 > +创建新应用,输入应用名称并选择应用类型,完成后单击创建创建高德在线新应用
      2. 单击应用列表右侧的添加Key+)图标,在弹出框中输入Key名称,选择服务平台,并勾选页面最下方的阅读并同意服务条款,完成后单击提交创建key为pro添加key
        提交成功后,高德开放平台会自动生成一个Key,您可在我的应用页面进行查看,并拷贝保存到本地。我的应用页面
      3. 回到DataV控制台,将获取到的高德Key粘贴到高德地图Key后面的文本框中,成功后高德在线地图会成为基础平面地图的底图。
  • 地图样式:选择设置地图的样式,包括标准模板自定义样式
    • 标准模板:设置标准模板下的模板样式和显示内容的参数。
      参数 说明
      标准模板 可选择多个标准模板样式的地图。
      显示内容 选择标准样式地图上要显示的内容,包括以下背景道路建筑物标注路况这五个选项。
    • 自定义样式
      参数 说明
      地图样式ID 输入地图样式ID,自定义地图样式 。
      说明 您需要在高德开放平台创建自定义地图并获取地图样式ID,具体方法请参考以下步骤。
      1. 登录高德开放平台控制台,单击自定义地图 > 创建地图样式自定义地图模板
      2. 在左侧导航栏中选择一个模板,单击创建。创建成功后,可在模板的基础上进行自定义配置。创建地图模板
      3. 配置完成后,单击保存,保存成功后,单击发布发布地图模板
      4. 发布成功后,系统弹出发布成功对话框,单击返回控制台,回到自定义地图页面。
      5. 在自定义地图页面,单击您发布成功的地图样式下方的使用与分享使用模板
      6. 使用与分享页面,单击样式ID右侧的复制,即可复制样式ID。复制样式ID
      7. 将复制的样式ID粘贴到DataV的高德在线底图 > 配置 > 自定义地图样式 > 地图样式ID文本框中。单击配置面板中空白区域,底图层样式就会生效。
      显示内容 选择自定义地图样式上要显示的内容,包括以下背景道路建筑物标注路况这五个选项。
  • 滤镜:单击左侧眼睛按键,即可开启滤镜配置。开启后,可以为高德在线底图层添加滤镜效果,并通过滤镜选项设置滤镜的亮度对比度灰度色相反转饱和度墨度

数据

此组件不需要配置数据。

交互

勾选启用,开启组件交互功能。高德在线底图子组件拥有交互配置,可单击某个室内地图楼层,触发数据请求,抛出回调值,实现在切换楼层的时候,动态加载不同楼层的数据。 高德在线地图交互面板v2.x
说明 交互显示地图楼层模式,只有在选择标准模板样式情况下才可以触发。
选择标准版模板样式

默认抛出indoormapFloor字段。具体配置请参见组件回调ID配置

表 1. 配置项说明
配置项 说明
自动更新请求 勾选后可以设置动态轮询,还可以手动输入轮询的时间频次。
数据源 单击配置数据源,可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据
数据过滤器 单击添加过滤器,可在设置数据源页面中配置数据过滤器,详情请参见组件过滤器使用说明
数据响应结果 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的刷新图标图标,实时查看数据响应结果。

蓝图编辑器交互配置

在大屏编辑器页面中,单击基础平面地图子组件管理列表中高德在线底图层右侧的导出到蓝图编辑器按键。单击页面左上角的蓝图编辑器图标,切换进入蓝图编辑器配置页面。单击导入节点栏内的高德在线底图层组件即可在画布中看到如下图所示的高德在线底图层的蓝图编辑器配置参数。高德在线底图层蓝图编辑器v.2.x
  • 事件

    室内地图楼层被点击触发:当单击高德在线底图层中的某个室内地图楼层时触发回调Id获取的楼层内信息。

  • 动作
    动作 说明
    显示组件 显示组件,不需要参数。
    隐藏组件 隐藏组件,不需要参数。