01
最近领导不知道抽什么风，非要做大屏数据可视化功能，这个东西之前也没有接触过，也不知道该如何下手，这两天正好有点点闲时间，就赶紧研究一把，毕竟升级加薪还得指望着这东西呢
好，废话不多说了，下面咱们介绍一下怎么来集成大屏功能必备组件之地图功能的开发。
注：要想使用地图功能，不一定非要用百度或者高德这样的地图厂商，也可以使用echarts或者thresJS等，反正只要能实现功能，怎么做都行。
这里今天主要用的是百度的地图。
先看一下类似的效果图，原效果图涉及公司机密就不给大家展示了，功能都差不多。
大体的功能就是根据缩放级别聚合数据，在级别一下，只展示数字和，在级别二下展示更具体的数字和，在级别三下展示具体的信息。
02
在使用百度地图之前，首先要去百度地图申请一个key，具体的申请过程挺简单，这里不多介绍，大家按官网的步骤一步步操作就好。
在申请完key之后，我们就可以把相关的依赖引入到我们的项目中了，打开百度地图的api：
https://lbsyun.baidu.com/solutions/mapvdata
再准备好几张图标，就可以了
如果想要实现效果上的功能，就得使用 mapvgl中的：
点聚合图层 ClusterLayer 图层
下面来看一下具体的用法
03
2.准备数据
做到这一步基本上就算完成了，接下来就是测试相关的功能，这里不多介绍了，功能我已经做完了，应该是没有问题的
04
大家在使用的时候一定要注意以下几个点：
1. 一定要提前申请好key，否则页面不会出现或者显示不正常
2. 在引入mapvgl的时候，尽量使用 cdn 的方式吧，如果使用 npm 的方式可能会出错，找不到依赖，（可能我还没有找到合适的方式，如果大家的知道的，请赐教）