上云无忧 > 文档中心 > 百度智能云物联网可视化设组件操作指南 - 行政区地图
物联网可视化设计
百度智能云物联网可视化设组件操作指南 - 行政区地图

文档简介:
概述: 行政区地图组件,可以组合叠加若干图层,进行基于行政区地理特征的数据可视化展示。 行政区图层: 行政区图层根据指定的行政区代码(GBCODE)渲染对应的行政区色块底图。
*此产品及展示信息均由百度智能云官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

概述

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

特有属性

属性名称 (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
  }
]

呼吸气泡图层

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

图层属性:

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

图层数据绑定: 呼吸气泡图层支持绑定一个包含列经度、纬度和权重的数据表。三列的都应为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

相似文档
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部