自己制作echarts Map 最新地图,生成最新的 echarts Map地图JSON文件

写在前面

用于echarts 首页的地图很美观实用。不过网上下载的地图也会有一些问题,比如 地图文件 不是最新的,很多区县没有;想要 乡镇的地图;地图需要拼接 等等等等,通过这篇文章你只需要花点时间就可以制作 自定义想要的地图了。我碰到的问题就是 地图不是最新的(比如南昌市的地图没有红谷滩新区,高新区,经开区等)。因为给市政府的项目,然后 他们提供了 2020 最新的南昌市的电子地图 .shp 文件(其实没有也没有关系) ,然后通过自己制作的地图实现了南昌市最新的地图效果(本文最后总结处土提供了南昌市地图下载地址),如下:
自己制作echarts Map 最新地图,生成最新的 echarts Map地图JSON文件_第1张图片

分析地图文件

echarts 用的地图数据文件为json 文件

  1. 获取省市县数据 (github 上面一搜索 有很多github链接)
  2. 打开一个json 数据分析如下:
    自己制作echarts Map 最新地图,生成最新的 echarts Map地图JSON文件_第2张图片

注意
1.构成区域的点位数组可能有多个子项(一个封闭的面就是一个子项),这样的话 geometry.type 就不是 Polygon,而是 MultiPolygon 。并且 properties.childNum 也要改变
2.geometry.type=MultiPolygon 时,geometry.coordinates 数组的子项是要多一个中括号的。 []

自己制作地图数据文件

上面分析的文件组成,发现制作地图数据文件的难点就是构成区域面的点位数组。然后发现这个就简单了。

下面说明2中方法 获取地图坐标数组

1.借助工具网站 http://geojson.io/ 绘制地图

通过这个网站 利用上面的工具,通过添加地图点位绘制 geometry 就可以自动生成 coordinates 坐标。拿到坐标就可以 按照上面分析的格式 制作地图了。只要愿意花时间,什么地图都可以制作了。

2.利用 arcMap 绘制地图

arcgis 是收费软件,需要破解。有gis 开发经验的人可能会更加的得心应手一点。我也是新手,以前只用过 superMap。所以安装破解了一下,需要的自取:

链接:https://pan.baidu.com/s/1EULEvcYEJCUXrOEgmQ-mcw 密码:x3x1

利用 arcMap 绘制好地图 保存的文件为 .shp 文件。需要把 .shp 文件转成geojson 。

shp 文件 转 geojson 网站工具 http://blog.giscafer.com/mapshaper-plus/
这样的话也是可以制作成功的

总结

  • 先分析数据结构
  • 绘制地图获取坐标数组
  • 按照数据结构生成文件
  • 南昌市最新地图json 文件下载 地址

本文使用的方法很笨但是有用,如果有更好的办法 欢迎评论讨论

你可能感兴趣的:(前端,前端)