美文网首页超级程序猿程序员JavaScript 进阶营
Echarts如何只做一个区或者一个县的地图

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

作者: 邵佳楠 | 来源:发表于2018-10-16 10:58 被阅读330次

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

    1.准备工作

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

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

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

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

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

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

    导出
    然后将文件拖入拆分工具中 拆分
    然后右边有工具栏,选择好分割点1和分割点2,输入分割的区域一ID名称和分割的区域二ID名称点击确定 拆分完成
    然后点击右边工具栏的下载,同样的把生成的json数据替换到之前的guizhou.js里面,然后刷新 页面 最终页面
    可能大家会问我地图拆分什么情况下会用到呢,或者说是有什么用呢。一般下载到的地图数据可能只会到县的数据,再往下一些偏僻的地方比如农村啊什么的他是没有轮廓的,这时需要我们手动把这个轮廓给裁剪出来,拆分工具配合上面的GEOJSON编辑工具可以满足大多数人对地图的要求

    相关文章

      网友评论

      • YOYO是菜鸟:亲,我没有GEOJSON编辑工具,可以帮忙做一份山东省烟台市的JSON麽?
        地图拆分工具是否可以在烟台市这个地图上划分出 烟台市的各个区域,像是芝罘区,莱山区这种???:pray:
        邵佳楠:@二十二_b98d 你卡了。。。等一会儿
        YOYO是菜鸟:@邵佳楠 那个上面那个网站的连接打开是空白页,可以再发一次麽?
        邵佳楠:@二十二_b98d 他那个编辑工具就是我上面的链接呀。。。点过去就是 GEOJSON编辑工具

      本文标题:Echarts如何只做一个区或者一个县的地图

      本文链接:https://www.haomeiwen.com/subject/cimczftx.html