1. 概述

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

2. 详细说明

平面地图

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

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

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

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

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

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

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

标记点子组件

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

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

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

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

图形设置：

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

辅助信息：

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

区域填充子组件

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

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

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

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

图形设置：

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

辅助信息：

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

飞线子组件

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

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

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

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

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

底图子组件

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

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

柱状体子组件

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

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

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

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

图形设置：

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

辅助信息：

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

3D地球

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

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

地球下钻

呈现地理类数据时，可实现从3D地球下钻至平面地图的动效。添加入口如下图所示：

3D地图

更酷炫地呈现轮廓地图信息。添加入口如下图所示：

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

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

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

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

标记点子组件

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

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

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

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

图形设置：

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

辅助信息：

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

飞线子组件

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

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

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

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

图形属性：

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

柱状体子组件

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

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

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

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

图形设置：

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

辅助信息：

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

模型查看器和模型编辑器

模型查看器

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

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

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

模型编辑器

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