vue+mapbox通过地图图层属性进行区划颜色填充(工作笔记，不能直接复制使用，需要自行调整部分代码)

场景

前端开发平时涉及一些大屏可视化的业务比较多，用到mapbox，然后进行数据展示，例如，某某市多少多少人，然后根据不同数值填充不同颜色，从而可以显而易见的了解到区域差别。

效果图

看一下用到的地图图层的属性在哪里

这个属性的字段名可以在地图服务上更改。如图：properties中的属性就是我用到的

代码实现

接口数据格式：

1、开始处理数据

根据数据分配颜色，就是往数组里加个颜色属性，例如： color:‘red’

2、初始化地图

//style 根据个人喜好自己定义
let map 
1