echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

时间:2024-04-05 15:49:37

 

 

在前端开发做地图展示的时候,利用一些现有框架比如echart可以快速的开发.但是Echart并不提供矢量地图资源,虽然echart的git上提供的有中国的三级地图资源,但是有时候还是不能满足我们的需求,那么如何找到合适的geojosn地图资源呢.博主在查阅了大量的资源并尝试之后,总结出下面的方法,亲测有效实用.

1.获取shq格式地图资源.地址 https://gadm.org/download_country_v3.html

可能你会问,为什么不直接获取geojson格式地图,博主能力有限,找到的获取geojson地图资源的网址,都需要自己亲自截取,耗时耗力,且工作量很大.

现在你已经进到了页面内,按照下图步骤获取文件.

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

 

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

 

好了现在你已经有shq资源了,下一步转化格式到geojson

2.网址链接:https://mapshaper.org/

如下图所示:获取Geojson文件。

 

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

好了,点击右上角的export,现在你已经得到了所需要的geojson图

3.如何在echart中使用呢?

Geojson的标准格式为下图,我们获取的文件格式与标准格式有出入。需要转化。

            3.1  标准Geojson格式

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

           3.2  获取的geojson格式为

echart获取geoJson格式世界各国地图的资源,世界地图,世界各国分区显示,精确到乡镇一级资源

所以答案就很明显了,我们只需要在获取到我们的文件之后,循环一次,在properties数组中添加name属性为当前层级的name即可.在echart使用的时候要注意,使用之前需要用echarts.registerMap出初始化地图。更细致使用方法已经超出本文谈论范围.请参考的echart官方API.

转载请注明出处,谢谢.