更新时间: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"
        }
      ]
    • 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述
    • 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
    • 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
  • 交互

    关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互

地图散点

地图散点是以散点的形式表现地图中的某些地理位置的数据信息。

  • 样式
    • 大小:散点的大小。
    • 颜色:散点的颜色。
  • 数据
    图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
        }
      ]
    • 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述
    • 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
    • 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
  • 交互

    关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互

柱状层

柱状层是以3D柱状的形式表现地图中的某些地理位置的数据信息。

  • 样式

    高度:柱子的高度。单位px。

    颜色:柱子的颜色。

  • 数据
    图5 柱状层-数据
    • 字段映射:地图散点的数据格式包含以下2个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
      • lon:柱子的经度。
      • lat:柱子的纬度。

      数据源的数据格式为JSON格式,示例如下:

      [
        {
          "lat": 31.8998,
          "lon": 102.2212
        },
        {
          "lat": 28.6542,
          "lon": 120.079
        }
      ]
    • 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述
    • 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
    • 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
  • 交互

    关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互