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地球

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

地理/3D组件 - 图20

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

地球下钻

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

3D轮廓地图

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