3D地图类组件属于基础版组件,包括3D中国地图、3D世界地图等组件。本文主要介绍3D中国地图和3D世界地图组件的基本参数配置。
概述
用户能够依托3D中国地图和3D世界地图,一键添加柱状图效果层、迁移效果层、地理位置效果层。
参数配置
位置大小
大小:组件的尺寸,包括组件的宽高,单位为 px,可以单击![](https://qcloudimg.tencent-cloud.cn/image/document/4e9ee1c58fb18a9053bba8e00beb43f5.png)
锁定组件的宽高比,此时必须按照固定宽高比修改组件的尺寸。
![](https://qcloudimg.tencent-cloud.cn/image/document/4e9ee1c58fb18a9053bba8e00beb43f5.png)
位置:组件的横纵坐标,单位为 px,横坐标是组件左上角距离页面左边界的距离,纵坐标是组件左上角距离页面上边界的距离。
旋转:以组件中心点为中心进行旋转,单位为角度。单击拖动![](https://qcloudimg.tencent-cloud.cn/image/document/1f66fe143796db70551e92ecbd3bb81d.png)
可控制组件旋转角度;单击拖动![](https://qcloudimg.tencent-cloud.cn/image/document/22e2179186774e0c78d9fa511b354c66.png)
可分别控制组件的上下旋转和左右旋转角度。
![](https://qcloudimg.tencent-cloud.cn/image/document/1f66fe143796db70551e92ecbd3bb81d.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/22e2179186774e0c78d9fa511b354c66.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/23d6f045d3f4a2e0dce8b2357f63c365.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/23d6f045d3f4a2e0dce8b2357f63c365.png)
子组件管理
3D中国地图和3D世界地图组件默认开启柱状图效果层、迁移效果层、地理位置效果层。用户可以下拉列表添加其他子组件图层,能通过![](https://qcloudimg.tencent-cloud.cn/image/document/432cdea7d08022ae14206fb70d13ded7.png)
控件选择该组件的可视状态。单击右侧![](https://qcloudimg.tencent-cloud.cn/image/document/5eb8ab4f41230cbcebb8b085109fccf0.png)
,可选择对应栏进行复制该子组件 ID、重命名该子组件、删除该子组件等操作。
![](https://qcloudimg.tencent-cloud.cn/image/document/432cdea7d08022ae14206fb70d13ded7.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/5eb8ab4f41230cbcebb8b085109fccf0.png)
地图样式设置
参数 | 说明 | 默认值 |
地图颜色 | 地图底色 | 3D中国地图:RGBA(9,32,109,0.81) 3D世界地图:RGBA(0,170,199,0.81) |
边线颜色 | 地图行政区边界颜色 | 3D中国地图:#34AAFF 3D世界地图:#023636 |
侧边颜色 | 地图3D拉伸效果的拉伸侧面颜色 | 3D中国地图:RGBA(97,145,255,0.26) 3D世界地图:RGBA(11,148,151,0.26) |
高度 | 地图3D拉伸效果的拉伸高度 | 3D中国地图:6.5 3D世界地图:9.5 |
水平方向 | 场景相机在水平方向的旋转角度 | 3D中国地图:8 3D世界地图:0 |
垂直方向 | 场景相机在垂直方向的旋转角度 | 3D中国地图:25.1 3D世界地图:17.31 |
纬度 | 场景相机位置纬度 | 3D中国地图:32.88 3D世界地图:32.88 |
经度 | 场景相机位置经度 | 3D中国地图:103.85 3D世界地图:20.77 |
相机距离 | 场景相机位置距离地图的高度 | 3D中国地图:70.77 3D世界地图:298.65 |
3D中国地图:n![](https://qcloudimg.tencent-cloud.cn/image/document/d4585113814c7f16aea63e02e0e1c6d6.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d4585113814c7f16aea63e02e0e1c6d6.png)
3D世界地图:n![](https://qcloudimg.tencent-cloud.cn/image/document/d59f3f23f2b84de8486122cf0aa1816e.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d59f3f23f2b84de8486122cf0aa1816e.png)
数据配置
无数据配置。
逻辑编辑器配置
无逻辑编辑器配置。