地图组件

凡拓数创数字孪生 2025年5月23日 21:26

收藏文档

地图组件用于展示中国2D地图、3D地球、城市模板等大型GIS底图加载。

![](/media/202505/2025-05-23_212142_5368930.01130758510104235.png)
## 中国2D地图
中国2d地图组件通过子组件形式主要以二维轮廓形式展示对应地区热力分布、点位标记等，支持在各地区范围内自定义散点、提示框、飞线、热力等地理信息数据。
### 效果案例：

![](/media/202505/2025-05-23_212222_0272160.92370209003792.png)
### 组件结构：
中国2D地图组件主要由「父组件」及「子组件」两部分组成，可根据实际场景分别定义对应配置项。

![](/media/202505/2025-05-23_212234_2007740.2049490668859445.png)

| 模块  | 说明                                |
|-----|-----------------------------------|
| 父组件 | 外围的「地球容器」部分，支持对全局位置、地球视角、中心点位进行配置 |
| 子组件 | 地球内数据叠加、装饰形态，可单独定义样式风格及相关数据       |

**父组件配置**
①基本属性
位置尺寸：
位置包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高，比例锁默认不锁定。
②全局
控制类型：
开启地图鼠标控制功能。
地图范围：
支持选择使用系统预置标准行政区域。
地图区域：
支持设置地图边框大小、颜色及阴影。
文本标签：
支持选择开启区域名称，可调节相关字体、字号及颜色。
**子组件配置**
①飞线
主要用于标识展示两地间数据往来、交互。
线特效：
即飞线至目标点时，可显示着陆晕开效果，可自定义颜色、涟漪层级及消失时间
线：
支持定义底线及飞线的粗细、颜色、长度。
文本标签：
支持开启文本的显示及其字体大小、颜色、位置等设置。
②散点
主要用于做点位分布密度的标识。
数据标记：
可根据数据源内实际数值大小自定义最大、最小尺寸。
样式可选择常用圆点形态，可自定义描边、填充颜色，可选择开启并自定义阴影效果。
波纹：
支持选择绘制方式、缩放比列及周期。
### 数据
根据真实地理经纬度数据驱动。
## 3D地球（Cesium）
效果案例：

![](/media/202505/2025-05-23_212451_4099730.11369764752788403.png)
## 场景模板
用于加载三维场景。
效果案例：

![](/media/202505/2025-05-23_212533_8479920.8249720942590002.png)
## 城市模板
用于加载城市级别的三维场景。
效果案例：

![](/media/202505/2025-05-23_212624_2801910.43139844881329625.png)