文档首页 > > 用户指南> 组件指南> 地图> 3D世界地图(2019)

3D世界地图(2019)

分享
更新时间: 2020/05/02 GMT+08:00

本章节主要介绍3D世界地图(2019)组件各配置项的含义。

图1 3D世界地图(2019)

样式

  • 尺寸位置
    • 图表尺寸:图表的宽和高。单位均为px。
    • 图表位置:图表在画布中的位置。单位均为px。
  • 全局样式
    • 地图中心:设置地图中心在图层中的位置。
    • 地球旋转:设置地图的缩放距离、水平旋转角度、垂直旋转角度。
    • 地图颜色:设置地图中区域块的填充色。
    • 边线选项:设置地图中区域边线的颜色和宽度。
      图2 边线选项 - 3D世界地图(2019)
  • 添加子组件

    在3D世界地图(2019)中可添加的子组件有:地图飞线地图散点柱状层

    地图子组件的相关操作如下:

    • 添加子组件

      “样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。

      图3 添加子组件
    • 编辑子组件

      单击子组件名称就可以编辑子组件。

    • 删除子组件

      单击子组件名称后面的按钮,可以删除该子组件。

数据

3D世界地图(2019)的数据如下图所示:

图4 3D世界地图(2019) - 数据
  • 字段映射:3D世界地图(2019)的数据格式默认包含2个字段:
    • value:地图组件中所显示的区域对应的数值,和“全局样式 > 地图颜色”中的“最大值”“最小值”“无数据”配置项相匹配来决定区域的颜色。
    • name:地图组件显示的区域名称。
  • 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述
  • 自动更新请求:勾选“自动更新请求”,并设置“更新间隔”后,数据将根据间隔时间自动轮询。
  • 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。

交互

此组件没有交互事件。

地图飞线

地图飞线是以动态飞线的形式连接地图中的两个地理位置。

图5 3D世界地图(2019) - 地图飞线
  • 样式
    • 虚线:虚线的样式。
    • 高度:飞线轨迹弯曲的高度。当高度为1时,飞线近似直线。
    • 速度:飞线飞行的速率。
    • 粗细:耀斑的粗细。
    • 颜色:飞线的颜色。
  • 数据
    图6 地图飞线 - 数据
    • 字段映射:地图飞线的数据格式包含以下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"
        }
      ]
    • 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述
    • 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。
    • 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。
  • 交互

    此组件没有交互事件。

地图散点

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

图7 3D世界地图(2019) - 地图散点
  • 样式
    • 大小:散点的大小。
    • 颜色:散点的颜色。
  • 数据
    图8 地图散点 - 数据
    • 字段映射:地图散点的数据格式包含以下3个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
      • lat:散点的纬度。
      • lon:散点的经度。
      • value:散点的值,与样式中的“大小”一起决定散点的大小,value值越大,散点越大。

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

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

    此组件没有交互事件。

柱状层

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

图9 3D世界地图(2019) - 柱状层
  • 样式

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

    颜色:柱子的颜色。

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

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

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

    此组件没有交互事件。

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

智能客服提问云社区提问