中国2D地图

# 中国2D地图 >i组件本身用到的功能较少,基本都是在子组件中。顶级组件,只在交互中,双击一栏,添加一个回调参数'adcode',用于传递城市行政编码。 ## 1.子组件 - 地图提示框 ### 1.1 样式 图中固定一栏,是设置提示信息背景图的地方。 当前信息一栏,是设置当前切换到城市展现样式。 行内容一栏,是用来对应数据的,字段名,为查询出的数据字段,显示名,为用户看到的名称。 尺寸,位置,标签样式,值样式,建议实操了解。 ![image png](https://cos.easydoc.net/85829285/files/kndzdent.png) ### 1.2 数据 #### 1.2.1 数据接口 当前组件使用到的数据,为数据容器中的数据,所以直接使用数据过滤器获取后,根据需求修改即可。 ![image.png](https://cos.easydoc.net/85829285/files/kndzkjxo.png) #### 1.2.2 数据过滤器 添加回调字段'data',将数据容器中的数据,根据格式重构。 #### 1.2.3 数据格式 此组件数据格式为下图所示。 ![image.png](https://cos.easydoc.net/85829285/files/kndzlumv.png) ### 1.3 交互 当前暂未使用到交互。 ## 2.子组件 - 区域热力层 ### 2.1 样式 设置填充样式 ![image.png](https://cos.easydoc.net/85829285/files/kndznj7z.png) ### 2.2 数据 #### 2.2.1 数据接口 同上,使用过数据容器中的数据,直接使用数据过滤器处理数据即可。 ![image.png](https://cos.easydoc.net/85829285/files/kndzog9t.png) #### 2.2.2 数据过滤器 过滤器中添加回调字段'data'获取到数据后,遍历数据,获取城市行政编码,计算'value'字段的值,项目总数+设备总数+人员总数 PS:当前没有人员总数,所以没加,功能上线后,需重添加上。 #### 2.2.3 数据格式 此组件数据格式如下图所示。 ![image.png](https://cos.easydoc.net/85829285/files/kndzq38r.png) ### 2.3 交互 当前暂未使用到交互。