区域下钻热力层是基础平面地图的子组件,支持独立的样式、数据和交互配置,包括下钻区域的标注、边线、鼠标交互事件以及位置信息等,可直接作为省直辖市级、地市级区域热力层使用。本文档为您介绍区域下钻热力层各配置项的含义,帮助您快速准确地使用区域下钻热力层子组件。

参考地图容器添加区域下钻热力层子组件,并配置其参数。

配置


区域下钻热力层配置面板
  • 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置弹出框中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索组件配置
  • 标注
    • 标注字段:下钻区域的标注字段,需要与地理数据中字段名称匹配。
    • 颜色:标注的颜色,可参考颜色选择器说明进行修改。
    • 阴影色:标注的阴影色。
    • 字体:标注的字体。
      说明 请选择系统中的字体,如果您的系统中没有所选的字体,标注会使用默认字体。
    • 字号:标注文字的大小。
  • 填充颜色:数据中最大、最小及为空的value值对应区域的颜色。
  • 边线选项:下钻热力层各区域边线的颜色、粗细和线型。
  • 交互配置
    • 悬停:鼠标悬停区域的颜色,仅在预览或发布时可以看到效果。
    • 聚焦范围比:所点击区域的聚焦范围。
    • 双击回调 ID:设置组件之间数据联动的变量,这里的变量不需要跟数据中的字段对应,默认回传区域的adcode,例如双击浙江省,会回传330000。
      说明 此功能已更新到交互面板中, 样式面板的该功能将弃用,请尽快升级。新版本的交互功能支持配置多个字段。
    • 单击回调 ID:设置组件之间数据联动的变量,需要配置为数据中的某一个字段。
      说明 此功能已更新到交互面板中, 样式面板的该功能将弃用,请尽快升级。新版本的交互功能支持配置多个字段。

数据

  • 默认区域
    1. 选择数据 > 默认区域,单击配置数据源
    2. 设置数据源面板中,选择数据源类型静态数据
      区域下钻热力层默认显示全国范围内各省和直辖市区域热力层数据,如下图所示。
      区域下钻热力层默认区域数据
      说明 区域adcode可以查阅省市区adcode与经纬度映射表
    3. 如果您需要使用地市级区域热力层,可修改adcode值。
      以浙江省为例,通过省市区adcode与经纬度映射表得到浙江省的adcode330000,区域下钻热力层定位至浙江省范围内的所有地级市范围,可以作为地市级区域热力层来使用,其他省直辖市以此类推。
      浙江省下钻热力层数据
      上图中的示例JSON代码如下:
      [
        {
          "adcode": 330000
        }
      ]
  • 自定义区域数据:自定义区域数据包括area_treearea_topo_json两个字段。
    自定义区域数据
    DataV默认显示全国范围内的各省和直辖市的URL链接,层级关系为国家 > 省直辖市 > 地市级 > 区县级,默认的示例数据如下。
    [
      {
        "area_tree": "https://sh-conf.oss-cn-shanghai.aliyuncs.com/map/area_drill/area_tree.json",
        "area_topo_json": "https://sh-conf.oss-cn-shanghai.aliyuncs.com/map/area_drill/china.topo.new.json"
      }
    ]

    您也可以修改默认数据来自定义下钻区域。以下以浙江省为例,为您展示自定义数据的配置方法。

    1. 参考默认区域,修改默认数据adcode为浙江省的adcode(330000)。
      自定义数据配置
    2. 修改默认全国范围的area_tree.json文件,提取浙江省范围的数据。区域层级关系为省直辖市 > 地市级 > 区县级。文件的部分数据内容如下图所示。
      全国范围的area_tree.json文件
      注意
      • 用户如果有自定义的层级关系,可以自定义area_id,只要保证area_id是唯一值。
      • 由于获取的JSON数据量比较大,不支持静态数据等配置,只能通过url链接来访问。
      可单击此处下载上图中的完整示例JSON文件。
    3. 发布area_json数据文件,并获取URL。
      通过在线静态数据服务,将area_json发布成相应的文件,并获取URL,推荐您使用阿里云的OSS在线静态数据服务。
      注意 通过该服务发布的url链接必须使用HTTPS协议,并且必须使用SSL证书的域名。
    4. 获取topo_json数据文件。
      1. 登入geojson.io网站,将通过DataV.GeoAtlas获取到的浙江省范围的JSON数据(打开API地址,另存为即可.json文件即可)加载到geojson.io右侧编辑框内。
        获取topo_json数据文件
      2. 单击左上角Save > TopoJSON,得到浙江省的topo_json文件。
        得到浙江省的topo_json文件
        说明 自定义区域合并,可能需要使用http://turfjs.org/docs#union这个方法合并两个相邻的区域,得到新的GeoJSON边界数据。
      3. 打开获取到的topo_json文件,在最前面加上浙江省的adcode(330000),并用:分隔,{ }整合,如下图所示。
        topo_json文件

        上面得到的topo_json文件仅包含了浙江省各市级的区域数据,无法下钻到区县级,如果您需要下钻到区县级区域,需要继续配置topo_json文件。下面以杭州市为例,为您介绍下钻到区县级的数据配置方法。

      4. 参考步骤a步骤b,得到杭州市的topo_json文件。
      5. 在杭州市的topo_json文件前加上杭州市的adcode(330100),并复制粘贴到浙江省的topo_json文件后面,用英文逗号隔开(注意括号要对应)。
        杭州市的topo_json文件
        添加杭州市的topo_json文件

        可单击此处下载最终的topo_json文件。

    5. 发布topo_json数据文件,并获取URL。

      重复步骤二获取最终的topo_json文件的URL链接。

    6. 配置下钻热力层的自定义区域数据。
      使用新发布出来的两个文件的URL,替换下钻热力层的自定义区域数据的URL,单击预览查看地图上的效果,即可完成自定义数据配置。
      配置下钻热力层的自定义区域数据
      上图中的示例数据如下:
      [
        {
          "area_tree": "https://datav-map-test.oss-cn-hangzhou.aliyuncs.com/zhejiang_area_tree.json",
          "area_topo_json": "https://datav-map-test.oss-cn-hangzhou.aliyuncs.com/zhejiang.topojson"
        }
      ]
      预览成功的效果图如下,双击杭州市区域,可进入杭州市地图页面。双击空白处,可回到浙江省地图页面。
      配置成功结果
      注意 如果预览时无法显示自定义的下钻区域,可能是所配置的URL存在跨域问题,可在OSS中进行跨域配置,详情请参见设置跨域访问
    7. 预览成功后,可单击发布,发布大屏。

    使用同样的方式可配置其他省市级的下钻区域数据,数据的规律为国家 > 省直辖市 > 地市级 > 区县级,即上一级必须包含下一级的区域数据(adcode和位置数据等)才可下钻。

  • 映射数据:参考区域热力层使用教程

交互

  • 当区域被单击触发

    勾选启用,开启组件交互功能。区域下钻热力层子组件拥有交互配置,可单击某个区域,触发数据请求,抛出回调值,实现在单击某个区域时,动态加载不同区域的数据。

    默认抛出所单击区域的adcode值,具体配置请参考组件回调ID配置

  • 当区域被双击触发

    勾选启用,开启组件交互功能。区域下钻热力层子组件拥有交互配置,可双击某个区域,触发数据请求,抛出回调值,实现在双击某个区域时,动态加载不同区域的数据。

    默认抛出所双击区域的adcode值,具体配置请参考组件回调ID配置

    说明 此回调ID不需要跟数据中的字段对应,默认回传区域的adcode。例如双击浙江省,会回传330000。