Echarts如何只做一个区或者一个县的地图

鉴于上篇文章ECharts如何制作省份地图并在地图上显示自定义图标有很多小伙伴问我如何只做一个区或者一个县的地图呀,于是写这篇文章给大家讲解一下。

1.准备工作

在ECharts中显示一个区需要单独的从省份中把这个区给扣出来,这时需要用到GEOJSON编辑工具,就是这个网站,有了编辑工具那你肯定还需要省份或者区的数据嘛,因为我们需要从省份里面扣出区的图层,从区里面扣出县的图层。上篇文章中给出的地图数据不满足要求,这里我在GITHUB上面找到了一个新的,可以去下载一下。

2.根据省份数据单独取出一个区的数据(县级一样,就不演示了)

这里我还是用贵州省的地图来演示

  1. 第一步先把贵州省的地图JSON数据拿过来 《Echarts如何只做一个区或者一个县的地图》 贵州省
    2.把里面的数据复制到GEOJSON编辑工具中 《Echarts如何只做一个区或者一个县的地图》 GEOJSON 这里他会自动把你地图轮廓加载出来
    3.移除不想要的部分,这里只想保留遵义的出,那我就把其它块都删除,选中不想要的区域,然后单击Delete feaure,删除完是这样的 《Echarts如何只做一个区或者一个县的地图》 遵义市
    4.把生成的JSON数据拷贝到上篇文章中的guizhou.js中 《Echarts如何只做一个区或者一个县的地图》 替换前 《Echarts如何只做一个区或者一个县的地图》 替换后 保存并且刷新页面 《Echarts如何只做一个区或者一个县的地图》 新的地图
    这样一个区的地图就出来了,县级的也是一样的。。。大家也可以在编辑工具中用他的一些工具画出自己想要的区域,他提供

下面我再教大家一下地图的拆分

需要用到的地图拆分工具
1.首先把刚才生成的数据导出成GEOJSON文件

《Echarts如何只做一个区或者一个县的地图》 导出

然后将文件拖入拆分工具中
《Echarts如何只做一个区或者一个县的地图》 拆分

然后右边有工具栏,选择好分割点1和分割点2,输入分割的区域一ID名称和分割的区域二ID名称点击确定
《Echarts如何只做一个区或者一个县的地图》 拆分完成

然后点击右边工具栏的下载,同样的把生成的json数据替换到之前的guizhou.js里面,然后刷新 页面
《Echarts如何只做一个区或者一个县的地图》 最终页面

可能大家会问我地图拆分什么情况下会用到呢,或者说是有什么用呢。一般下载到的地图数据可能只会到县的数据,再往下一些偏僻的地方比如农村啊什么的他是没有轮廓的,这时需要我们手动把这个轮廓给裁剪出来,拆分工具配合上面的GEOJSON编辑工具可以满足大多数人对地图的要求

    原文作者:邵佳楠
    原文地址: https://www.jianshu.com/p/4a55f5f11cf4
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞