行政区地图
所有文档

          物联网数据可视化

          行政区地图

          概述

          行政区地图组件,可以组合叠加若干图层,进行基于行政区地理特征的数据可视化展示。

          image.png

          image.png

          特有属性

          属性名称 (key) 描述
          图层 添加删除各种地图图层、点击具体的图层进入对应的属性配置界面
          固定视角(useInitView) 是否通过参数来控制地图的缩放级别和中心点
          缩放(zoom) 缩放级别
          中心(center) 中心点经纬度

          行政区图层

          行政区图层根据指定的行政区代码(GBCODE)渲染对应的行政区色块底图。当固定视角属性(useInitView)值为否时,地图组件会将缩放级别和中心点适配为最大化居中显示指定的行政区色块底图。每个行政区地图组件应当包含一个行政区图层。

          图层属性:

          属性名称 描述
          GB代码 中华人民共和国县以上行政区划代码,详见
          描边 是否绘制色块边框
          描边颜色 边框颜色
          描边线宽 边框宽度
          填充 是否用颜色填充色块
          填充颜色 色块的填充颜色
          颜色比例尺 当有数据绑定时,可以根据数据权重百分比,填充不同颜色。此处设置不同比例对应的颜色
          行政区名 是否显示各行政区的名称
          行政区名颜色 行政区名称字体颜色
          行政区名字号 行政区名称字号
          行政区名样式 行政区名称字体粗斜体样式

          图层数据绑定:行政区图层支持绑定一个包含GBCODE权重列的数据表。

          其中GBCODE列必需为String类型、权重列必需为Number类型。数据表中出现的行政区会根据其权重值在整个权重列的百分比,被渲染成颜色比例尺属性中设置的对应比例的颜色;数据表中未出现的行政区会被渲染成填充颜色属性指定的颜色。

          示例数据

          新建静态数据,选择JSON格式,复制下面这段内容到JSON文本输入框中:

          [
            {
              "gbcode": "130000",
              "weight": 19
            }, 
            {
              "gbcode": "140000",
              "weight": 22
            }, 
            {
              "gbcode": "320000",
              "weight": 20
            },
            {
              "gbcode": "370000",
              "weight": 16
            }
          ]

          image.png

          image.png

          呼吸气泡图层

          呼吸气泡图层会根据绑定数据中的坐标及权重,在地图对应位置绘制一个伸缩的动画气泡。地图组件可以包含任意多个呼吸气泡图层。

          图层属性:

          属性名称 描述
          (气泡半径)默认 默认的气泡半径
          (气泡半径)最小 气泡半径最小值
          (气泡半径)最大 气泡半径最大值
          颜色 气泡颜色
          动画幅度 伸缩动画的变化幅度,数值越大变化越大
          动画延迟 伸缩动画的速度,数值越大速度越慢

          图层数据绑定: 呼吸气泡图层支持绑定一个包含列经度纬度权重的数据表。三列的都应为Number类型。呼吸气泡图层会根据每条数据权重值的比例,结合图层属性中气泡半径的最大最小值,为该条记录绘制对应尺寸的动画气泡。

          示例数据

          新建静态数据,选择CSV格式,复制下面这段内容到CSV文本输入框中:

          纬度,经度,权重
          46.58,125.03,279
          30.52,114.31,273
          31.86,117.27,229
          35.23,115.48,194
          39.53,116.7,193
          28.97,118.88,177

          image.png

          image.png

          上一篇
          文本
          下一篇
          设备地图