1. 概述

本文将依次介绍地理/3D类组件的配置方式。

2. 详细说明

平面地图

平面地图的入口如下图所示。

地理/3D组件 - 图1

地图组件的绘制方式,跟其他图表组件不太一样。地图组件可以添加子组件,每个子组件可以分别配置数据。可添加多个子组件,相当于多个数据图层(比如一个标记点层+一个飞线层)叠加在一起。

平面地图目前支持标记点、区域填充、飞线、底图等子组件。

地理/3D组件 - 图2

组件名下方会展示已有的子组件数量,点击后可以查看子组件明细,添加、删除子组件。

地理/3D组件 - 图3

点击某个子组件名称,进入该子组件的配置面板。

地理/3D组件 - 图4

子组件的配置面板同父组件类似,也分为样式、数据、交互三个Tab。

地理/3D组件 - 图5

下面,将分别介绍每个子组件的配置方式。

标记点子组件

标记点子组件的添加入口如下图所示。

地理/3D组件 - 图6

标记点的数据配置项如下图所示。

  • 地名:标记点的地理名称信息。
  • 形状:可以拖入字段,用标记点的形状来表征数据,比如拖入“地区”,则不同地区用不同形状的标记点表示
  • 大小:可以拖入字段,用标记点的大小来表征数据,比如拖入“销售额”,则销售额越大的地点,标记点也越大。
  • 颜色:可以拖入字段,用标记点的颜色来表征数据,比如拖入“利润”,则利润越大的地点,标记点的颜色也越深。
  • 经度/纬度:标记点的经纬度坐标。
  • 标签:标记点上的数据标签。
  • 提示信息:鼠标移动到标记点时,悬浮提示框内展示的字段信息。

地理/3D组件 - 图7 地理/3D组件 - 图8

标记点子组件的样式设置,分为图形、辅助信息两个子Tab。

图形设置:

  • 标记点样式:设置标记点的形状、尺寸、颜色。
  • 标记点动效:设置标记点的呼吸、渐隐渐显等动画效果。

地理/3D组件 - 图9

辅助信息:

  • 提示标签:设置标记点的数据标签样式。

地理/3D组件 - 图10

区域填充子组件

区域填充子组件的添加入口如下图所示。

地理/3D组件 - 图11

区域填充子组件的数据配置项如下图所示。

  • 地名:区域的地理名称,可识别国家、省份、县级市等地名。
  • 颜色:可以拖入字段,用区域的填充颜色来表征数据,比如拖入“利润”,则利润越大的地区,填充颜色也越深。
  • 标签:区域上展示的数据标签。
  • 提示信息:鼠标移动到区域时,悬浮提示框内展示的字段信息。

地理/3D组件 - 图12

区域填充子组件的样式设置,分为图形、辅助信息两个子Tab。

图形设置:

  • 轮廓显示范围:设置展示的轮廓范围。
  • 轮廓样式:设置轮廓边界的样式。

地理/3D组件 - 图13

辅助信息:

  • 提示标签:设置区域的数据标签样式。

地理/3D组件 - 图14

飞线子组件

飞线子组件的添加入口如下图所示。

地理/3D组件 - 图15

飞线子组件的数据配置项如下图所示。

  • 起点经度/纬度:飞线起点的经纬度坐标。
  • 终点经度/纬度:飞线终点的经纬度坐标。

地理/3D组件 - 图16

飞线子组件的样式配置项如下图所示。

  • 飞线样式:设置飞线的顶点形状,飞线粗细、颜色、长度等样式。
  • 底线样式:设置底线的粗细、颜色等样式。
  • 动效:设置飞线的动画速度、落地效果、落地颜色等。

地理/3D组件 - 图17

底图子组件

底图子组件的添加入口如下图所示。

地理/3D组件 - 图18

地图主要是在数据图层底部的gis底图。可以设置底图的样式风格跟显示内容。

地理/3D组件 - 图19

柱状体子组件

柱状体子组件的添加入口如下图所示。

地理/3D组件 - 图20

柱状体子组件的数据配置项如下图所示。

  • 地名:设置地理名称信息。
  • 大小:可以拖入字段,用柱状体高度反映数据,比如拖入“记录数”,则记录数越大,柱状体越高。
  • 颜色:可以拖入字段,用柱状体颜色反映数据,比如拖入“发电量”,则发电量越大,柱状体的颜色也越深。
  • 经度/维度:柱状体的经纬度坐标。
  • 标签:柱状体上的数据标签。
  • 提示信息:鼠标移动到柱状体时,悬浮提示框内展示的字段信息。

地理/3D组件 - 图21 地理/3D组件 - 图22

柱状体子组件的样式设置,分为图形、辅助信息两个子Tab。

图形设置:

  • 柱图样式:柱状体类型、宽度、高度、颜色和偏移。

地理/3D组件 - 图23

辅助信息:

  • 标签:设置偏移、文字样式和背景样式。
  • 提示框:设置偏移、自动轮播、文字样式和背景样式。

地理/3D组件 - 图24

3D地球

3D地球的入口如下图所示。

地理/3D组件 - 图25

3D地球适合于更立体地呈现一些全球性的数据,比如全球的航班路线图。 同平面地图一样,3D地球可以添加标记、区域填充、飞线等子组件。添加方式同平面地图一致。标记、区域填充、飞线等子组件的配置方式也跟平面地图一致。

地球下钻

呈现地理类数据时,可实现从3D地球下钻至平面地图的动效。添加入口如下图所示:
地理/3D组件 - 图26

3D地图

更酷炫地呈现轮廓地图信息。添加入口如下图所示:
地理/3D组件 - 图27

3D地图目前支持标记点、飞线、柱状体等子组件。 地理/3D组件 - 图28

组件下方会展示已有的子组件数量,点击后可查看子组件明细,添加、删除子组件。 地理/3D组件 - 图29

点击某个子组件名称,进入该子组件的配置面板。 地理/3D组件 - 图30

下面,将分别介绍每个子组件的配置方式。

标记点子组件

标记点子组件的添加入口如下图所示。 地理/3D组件 - 图31

标记点的数据配置项如下图所示。

  • 地名:标记点的地理名称信息。
  • 形状:可以拖入字段,用标记点的形状来表征数据,比如拖入“地区”,则不同地区用不同形状的标记点表示
  • 大小:可以拖入字段,用标记点的大小来表征数据,比如拖入“销售额”,则销售额越大的地点,标记点也越大。
  • 颜色:可以拖入字段,用标记点的颜色来表征数据,比如拖入“利润”,则利润越大的地点,标记点的颜色也越深。
  • 经度/纬度:标记点的经纬度坐标。
  • 标签:标记点上的数据标签。
  • 提示信息:鼠标移动到标记点时,悬浮提示框内展示的字段信息。

地理/3D组件 - 图32

地理/3D组件 - 图33

标记点子组件的样式设置,分为图形、辅助信息两个子Tab。

图形设置:

  • 标记点样式:标记点子组件是否设置点样式,以及设置点形状、点尺寸和点颜色。
  • 高亮样式:设置点形状、点尺寸缩放和点颜色。
  • 标记点动效:标记点子组件是否设置动画效果,以及效果选择和动画速度。

地理/3D组件 - 图34

辅助信息:

  • 标签:设置标记点组件是否显示标签,以及设置偏移、文字样式和背景样式。
  • 提示框:设置偏移、自动轮播、文字样式和背景样式。
飞线子组件

飞线子组件的添加入口如下图所示。 地理/3D组件 - 图35

飞线子组件的数据配置项如下图所示。

  • 起点经度/纬度:飞线起点的经纬度坐标。
  • 终点经度/纬度:飞线终点的经纬度坐标。
  • 颜色:设置飞线的颜色。
  • 底线颜色:设置底线的颜色。
  • 分组名:设置飞线分组。
  • 分组序:设置组内飞线排序。

地理/3D组件 - 图36

飞线子组件的样式设置,包括图形属性1个子Tab。

图形属性:

  • 飞线样式:设置顶点样式和飞线粗细、颜色、长度。
  • 底线样式:设置底线粗细和底线颜色。
  • 动效:设置动画速度、落地效果和落地颜色。

地理/3D组件 - 图37

柱状体子组件

柱状体子组件的添加入口如下图所示。 地理/3D组件 - 图38

柱状体子组件的数据配置项如下图所示。

  • 地名:设置地理名称信息。
  • 大小:可以拖入字段,用柱状体高度反映数据,比如拖入“记录数”,则记录数越大,柱状体越高。
  • 颜色:可以拖入字段,用柱状体颜色反映数据,比如拖入“发电量”,则发电量越大,柱状体的颜色也越深。
  • 经度/维度:柱状体的经纬度坐标。
  • 标签:柱状体上的数据标签。
  • 提示信息:鼠标移动到柱状体时,悬浮提示框内展示的字段信息。

地理/3D组件 - 图39 地理/3D组件 - 图40

柱状体子组件的样式设置,分为图形、辅助信息两个子Tab。

图形设置:

  • 柱图样式:设置类型、宽度、高度、颜色和偏移。

地理/3D组件 - 图41

辅助信息:

  • 标签:设置偏移、文字样式、背景样式
  • 提示框:设置偏移、自动轮播、文字样式、背景样式

地理/3D组件 - 图42

模型查看器和模型编辑器


模型查看器

在设计资产中,上传3D模型。

地理/3D组件 - 图43

返回大屏中,添加模型查看器。

地理/3D组件 - 图44

下拉选择上传的模型,并进入3D模型编辑器。

地理/3D组件 - 图45

模型编辑器

进入3D模型编辑器进行模型编辑。

地理/3D组件 - 图46