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

单击子组件管理下方的高德在线底图,进入配置面板配置高德在线底图的样式和数据。
说明 如果子组件管理中没有高德在线底图,说明您还未添加高德在线底图子组件,请参见地图容器(v2.x版本)进行添加。

配置

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

数据

此组件不需要配置数据。

交互

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

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

表 1. 配置项说明
配置项说明
受控模式打开开关,资产初始化状态下不请求数据,仅通过回调ID或蓝图编辑器配置的方法发起请求数据;关闭开关,可以使用自动更新请求数据。开关默认为关闭状态。
自动更新请求选中后可以设置动态轮询,还可以手动输入轮询的时间频次。取消选中后则不会自动更新,需要手动刷新页面,或通过蓝图编辑器和回调ID事件来触发请求更新数据。
数据源单击配置数据源,可在设置数据源面板中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果,详情请参见配置资产数据
数据过滤器数据过滤器提供数据结构转换、筛选和一些简单的计算功能。单击添加过滤器,可在设置数据源面板配置数据过滤器脚本,详情请参见过滤器使用说明
数据响应结果展示数据请求的响应结果。当数据源发生改变时,可单击右侧的刷新图标 图标,实时查看数据响应结果。

蓝图编辑器交互配置

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

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

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