本次分享主要分为2个部分：
- 简要介绍项目背景，图层以及数据意义
- 四个图层核心代码简述
分享中的代码难度不高，适合初级前端程序员以及对Mapbox,Gis可视化感兴趣的同学。
相关文章： 从地图看疫情
- 项目地址：https://www.mapbox.cn/coronavirusmap
- 主要控件：
数字面板，曲线图，语言切换,时间数据控件,四个主要图层 - 数据解释
要点: 热力图的绘制原理，Mapbox官方热力图图层的实现以及热力参数调优，热力图配色。
-
代码位置：
src/heatmap/ -
Mapbox热力图图层官方文档 https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/#heatmap
-
调优前的热力图图层 https://zmofei.github.io/coronavirus-2019-demo/src/heatmap/heatmap-origin
-
调优后的热力图图层 https://zmofei.github.io/coronavirus-2019-demo/src/heatmap/heatmap-optimized
要点：Mapbox中实现填色图层，Mapbox Expressoion 的使用
-
代码位置：
src/colorfill/ -
调优前的填色图 https://zmofei.github.io/coronavirus-2019-demo/src/colorfill/colorfill-origin
-
调优后的填色图 https://zmofei.github.io/coronavirus-2019-demo/src/colorfill/colorfill-optimized
要点：Mapbox数据的聚合功能, cluster: true
-
代码位置：
src/cluster/ -
Mapbox Geojson Source https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/#geojson
-
Mapbox 官方集合图层DEMO https://docs.mapbox.com/mapbox-gl-js/example/cluster/
-
调优前的聚合图 https://zmofei.github.io/coronavirus-2019-demo/src/cluster/cluster-origin
-
调优后的聚合图 https://zmofei.github.io/coronavirus-2019-demo/src/cluster/cluster-optimized
要点：Mapbox自定义复杂SVG图标，Mapbox自定义图层
-
代码位置：
src/category/ -
分类聚合图Demo https://zmofei.github.io/coronavirus-2019-demo/src/category/category-origin
有问题可以联系我们社区管理员，或者直接在issue中提出，我会尽力一一回答