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

注意 当前为v1.x版本的高德在线底图层子组件指导文档,如需查看该子组件v2.x版本的文档内容详情,请参见高德在线底图(v2.x版本)
单击子组件管理下方的高德在线底图,进入配置面板配置高德在线底图的样式和数据。
说明 如果子组件管理中没有高德在线底图,说明您还未添加高德在线底图子组件,请参见地图容器(v1.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,具体方法请参考以下步骤。
      1. 登录高德开放平台控制台,单击自定义地图 > 创建地图样式自定义地图模板
      2. 在左侧导航栏中选择一个模板,单击创建。创建成功后,可在模板的基础上进行自定义配置。创建地图模板
      3. 配置完成后,单击保存,保存成功后,单击发布发布地图模板
      4. 发布成功后,系统弹出发布成功对话框,单击返回控制台,回到自定义地图页面。
      5. 在自定义地图页面,单击您发布成功的地图样式下方的使用与分享使用模板
      6. 使用与分享页面,单击样式ID右侧的复制,即可复制样式ID。复制样式ID
      7. 将复制的样式ID粘贴到DataV的高德在线底图 > 配置 > 自定义地图样式 > 地图样式ID文本框中。单击配置面板中空白区域,底图层样式就会生效。
    • 关闭时,地图使用标准样式模板,可以选择您需要的模板样式。标准样式模板v1.x
  • 设置地图显示内容:选择地图上要显示的内容。包括以下四个选项:设置地图显示内容
    • 背景
    • 道路
    • 建筑物
    • 标注
  • 路况:打开开关,开启高德地图上的道路情况;关闭开关,关闭路况。
  • 滤镜:打开开关,开启滤镜样式选项,可以设置亮度对比度灰度色相反转饱和度墨度滤镜选项;关闭开关,关闭滤镜配置。

数据

此组件不需要配置数据。

交互

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

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

表 1. 配置项说明
配置项 说明
受控模式 打开开关,组件初始化状态下不请求数据,仅通过回调ID或蓝图编辑器配置的方法发起请求数据;关闭开关,可以使用自动更新请求数据。
自动更新请求 选中后可以设置动态轮询,还可以手动输入轮询的时间频次。
数据源 单击配置数据源,可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据
数据过滤器 单击添加过滤器,可在设置数据源页面中配置数据过滤器,详情请参见组件过滤器使用说明
数据响应结果 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的刷新数据图标,实时查看数据响应结果。

蓝图编辑器交互配置

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

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

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