概述
基础版用户能够依托2D平面中国地图和气泡迁移地图,一键添加热力效果层、气泡效果层、迁移效果层、线热力效果层、数值效果层;企业版用户在此基础上还可添加省市区县下钻图层、弹出效果层等子组件特效。n基础版用户能够依托星云地图添加大数据星点层、动态气泡层。
本文主要介绍2D平面地图类组件的基本参数配置。
参数配置
位置大小
大小:组件的尺寸,包括组件的宽高,单位为 px,可以单击![](https://qcloudimg.tencent-cloud.cn/image/document/6469852b25386c31a1c098274127de09.png)
锁定组件的宽高比,此时必须按照固定宽高比修改组件的尺寸。
![](https://qcloudimg.tencent-cloud.cn/image/document/6469852b25386c31a1c098274127de09.png)
位置:组件的横纵坐标,单位为 px,横坐标是组件左上角距离页面左边界的距离,纵坐标是组件左上角距离页面上边界的距离。
旋转:以组件中心点为中心进行旋转,单位为角度。单击拖动![](https://qcloudimg.tencent-cloud.cn/image/document/2d8fbac83754e6610c193bc1a83b03e6.png)
可控制组件旋转角度;单击拖动![](https://qcloudimg.tencent-cloud.cn/image/document/c2d3cfc45e24448732ac1c76c9b3a2b7.png)
可分别控制组件的上下旋转和左右旋转角度。
![](https://qcloudimg.tencent-cloud.cn/image/document/2d8fbac83754e6610c193bc1a83b03e6.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c2d3cfc45e24448732ac1c76c9b3a2b7.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/efda2de16c84eb25db2b4171072882f1.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/efda2de16c84eb25db2b4171072882f1.png)
子组件管理
2D平面中国地图组件默认开启热力效果层且不可添加或删除,星云地图组件默认开启大数据星点层、动态气泡层,气泡迁移地图默认开启气泡效果层、迁移效果层。
用户可以下拉列表添加其他子组件图层,能通过![](https://qcloudimg.tencent-cloud.cn/image/document/57e666226b13807a0880daf2c5f69c6c.png)
控件选择该组件的可视状态。单击右侧![](https://qcloudimg.tencent-cloud.cn/image/document/1deaf60ba838625c419779e402567166.png)
,可选择对应栏进行复制该子组件 ID、重命名该子组件、删除该子组件等操作。
![](https://qcloudimg.tencent-cloud.cn/image/document/57e666226b13807a0880daf2c5f69c6c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/1deaf60ba838625c419779e402567166.png)
地图样式设置
参数 | 说明 | 默认值 |
边线颜色 | 地图边线的颜色 | 2D平面中国地图:#1E3E96 气泡迁移地图:#1E3E96 星云地图:#3778D0 |
边线宽度 | 地图边线的宽度 | 2D平面中国地图:1.5 气泡迁移地图:1.5 星云地图:1 |
背景颜色 | 平面地图的纯色背景,通过颜色选择器实现 | 2D平面中国地图:RGB(8, 11, 25) 气泡迁移地图:#091A5C 星云地图:#00123A |
字体文字 | 地图标记文字的字体字号 | 12 |
文字颜色 | 地图标记文字的颜色 | #FFF |
文字样式 | 地图标记文字的样式 | 默认值 |
文字粗细 | 地图标记文字的粗细 | 默认值 |
名称来源 | 规定地图标记文字是显示当前地图全部行政区域或由用户自定义显示部分行政区域 | 所有内置区域 |
2D平面中国地图:n![](https://qcloudimg.tencent-cloud.cn/image/document/e37e323be54827e5960a0ea6bc77791a.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/e37e323be54827e5960a0ea6bc77791a.png)
气泡迁移地图:n![](https://qcloudimg.tencent-cloud.cn/image/document/c124e04939dd0e6a2a35fbcf111e08d1.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c124e04939dd0e6a2a35fbcf111e08d1.png)
气泡迁移地图:n![](https://qcloudimg.tencent-cloud.cn/image/document/6938e7df2778a4ab3acc0410eed09114.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/6938e7df2778a4ab3acc0410eed09114.png)
数据配置
无数据配置。
逻辑编辑器配置
2D平面中国地图和气泡迁移地图具有单独的逻辑编辑器配置,星云地图无单独的逻辑编辑器配置。n动作配置如下所示:
动作名称 | 传入参数说明 |
选中热力效果层区域 | 目标选中热力区域的行政区名称 |
选中气泡效果层气泡 | 目标选中气泡所在行政区的名称和经纬度 |
地图下钻 | 目标下钻场景所在行政区的 adcode |
事件配置如下所示:
动作名称 | 传出参数说明 |
当热力效果层选中变更时 | 选中热力区域所在的行政区名称、热力数值、状态、经纬度和弹出提示 |
当动态气泡层选中变更时 | 选中气泡所在的行政区名称、热力数值、状态、经纬度和弹出提示 |
当下钻被选中变更时 | 下钻时,当前场景所在行政区的 adcode、经纬度、行政区名称、上一级行政区 |
当弹出效果层点击时 | 点击弹出效果层时,所在行政区的名称、弹出文本内容、经纬度 |