2020-10-29

*Echarts获取多省市地图JSON文件方法

最近在学习用echarts插件进行地图显示,当我想要获取两个或者以上省的一块大地图的时候,发现好像没有可以直接生成的,最后摸索出来了一个比较实用的方法,仅供参考。(以苏皖两省为例)

step1:单独下载两省地图JSON文件

这里发现了一个大神做的网站,打开链接: https://hxkj.vip/demo/echartsMap/

如图2020-10-29
通过左上角的选项可以选择你想要的区域,省市均可,点击下载geoJson数据按钮就下载好了。

下载完了之后,发现是geoJson格式的数据,我这里直接强制修改了后缀名为json, 好像没有什么影响。如图,这样 第一步就完成了。
2020-10-29
Step2获取合并的省市地图

这里打开另一个网站: http://geojson.io/

打开后点击左上角Open->File,然后打开刚刚下载好的文件,会发现区域被选中了:
2020-10-29
然后我们再打开另外一个省的文件,变成了这样:
2020-10-29
然后右边的代码就是我们要的合并起来的地图JSON文件了。
复制粘贴就OK了

放到项目里如图:有点丑哈哈
2020-10-29

谢谢观看,
新人,不喜勿喷。