Echarts实现区域地图数据渲染的一些尝试 || 各种方案/资源的集锦

最近,需要利用Ecarts完成一个区域地图数据渲染,因为区域地图每一块的数据能尽可能渲染的丰富一些,比如一些点的预警以及区域色块的区分,所以和之前只是简单根据每个区域数据量(单块数据)渲染有所不同.

尝试之后,最后的渲染效果如下:(从图中可以看出,渲染的地图至少包含了三个数据集:行政地图块数据/黄色圈数据块/红色凸出预警块)

下面这种就是常见的单数据块行政区域地图渲染(明显可以看出,数据渲染的丰富性是不同的)

像这种两种地图在做的时候都是需要先加载到该地区的geo.json地图数据文件的,但是,两者又有所不同,前面更丰富的地图,他不仅需要行政区域数据,还需要个区域中心点坐标数据,绘点需要.接下来,以前图为例,分享下完成这种图的艰辛历程:

1 找轮子||资源寻找

开始做之前,第一下就想到了,网上有没有轮子,可以用,于是找了一堆,直到看到Echarts神器站点https://www.makeapie.com/ . 里面有丰富的绘图资源,大家可以去学习,开始看到了下面这个资源,感觉这个非常满足我的需求啊:(https://www.makeapie.com/editor.html?c=xBJDR584vG)