更新时间:2023-12-20 GMT+08:00
3D中国地图(2019)
本章节主要介绍3D中国地图(2019)组件各配置项的含义。
样式
- 尺寸位置
- 图表尺寸:图表的宽和高。单位均为px。
- 图表位置:图表在画布中的位置。单位均为px。
- 全局样式
- 地图中心:设置地图中心在图层中的位置。
- 地球旋转:设置地图的缩放距离、水平旋转角度、垂直旋转角度。
- 地图颜色:设置地图中区域块的填充色。
- 边线选项:设置地图中区域边线的颜色和宽度。
- 添加子组件
在3D中国地图(2019)中可添加的子组件有:地图飞线、地图散点、柱状层。
地图子组件的相关操作如下:- 添加子组件
在“样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。
图1 添加子组件
- 编辑子组件
单击子组件名称就可以编辑子组件。
- 删除子组件
单击子组件名称后面的按钮,可以删除该子组件。
- 添加子组件
数据
3D中国地图(2019)的数据如下图所示:
图2 3D中国地图(2019)-数据
- 字段映射:3D中国地图(2019)的数据格式默认以下字段:
- adcode:行政区编码。备选字段。
- name:地图组件显示的区域名称。
- value:地图组件中所显示的区域对应的数值,和“全局样式 > 地图颜色”中的“最大值”、“最小值”和“无数据”配置项相匹配来决定区域的颜色。
- 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。
- 自动更新请求:勾选“自动更新请求”,并设置“更新间隔”后,数据将根据间隔时间自动轮询。
- 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
交互
关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
地图飞线
地图飞线是以动态飞线的形式连接地图中的两个地理位置。
- 样式
- 虚线:虚线的样式。
- 高度:飞线轨迹弯曲的高度。当高度为1时,飞线近似直线。
- 速度:飞线飞行的速率。
- 粗细:耀斑的粗细。单位px。
- 颜色:飞线的颜色。
- 数据
图3 地图飞线-数据
- 字段映射:地图飞线的数据格式包含以下2个字段,请配置以下2个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
- from:飞线起点位置的经度和纬度,经纬度之间以逗号分隔。
- to:飞线终点位置的经度和纬度,经纬度之间以逗号分隔。
数据源的数据格式为JSON格式,示例如下:
[ { "from": "116.85059,31.69078", "to": "118.69629,36.20882" }, { "from": "120.89355,37.09024", "to": "116.93848,31.61597" } ]
- 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。
- 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
- 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
- 字段映射:地图飞线的数据格式包含以下2个字段,请配置以下2个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
- 交互
关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
地图散点
地图散点是以散点的形式表现地图中的某些地理位置的数据信息。
- 样式
- 大小:散点的大小。
- 颜色:散点的颜色。
- 数据
图4 地图散点-数据
- 字段映射:地图散点的数据格式包含以下3个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
- lon:散点的经度。
- lat:散点的纬度。
- value:散点的值,与样式中的“大小”一起决定散点的大小,value值越大,散点越大。
数据源的数据格式为JSON格式,示例如下:
[ { "lat": 62.103883, "lon": -106.523438, "value": 51 }, { "lat": 50.064192, "lon": -74.179688, "value": 94 } ]
- 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。
- 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
- 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
- 字段映射:地图散点的数据格式包含以下3个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
- 交互
关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
柱状层
柱状层是以3D柱状的形式表现地图中的某些地理位置的数据信息。
- 样式
高度:柱子的高度。单位px。
颜色:柱子的颜色。
- 数据
图5 柱状层-数据
- 字段映射:地图散点的数据格式包含以下2个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
- lon:柱子的经度。
- lat:柱子的纬度。
数据源的数据格式为JSON格式,示例如下:
[ { "lat": 31.8998, "lon": 102.2212 }, { "lat": 28.6542, "lon": 120.079 } ]
- 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。
- 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
- 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
- 字段映射:地图散点的数据格式包含以下2个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
- 交互
关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
父主题: 地图