前言
现有项目采用echarts地图做呈现,可是缺少客户关心的新区的规划(比如贵州省缺少贵安新区、河北省缺少雄安新区等)。由于安全问题,现在基本都不提供经纬度json数据,为此自己只有采取其他解决方式。两年前在做贵安新区的时候,无意之间找到调整地图边缘的一个网站,经过精细化调整可手绘区域 此方法写的笔记。但今天发现那个网址已经停止维护,所以不得不另寻他法
分析问题
按百度百科的说法,雄安新区是保定市下面的三个区县(蓉城、雄县、安溪)划分,这种无法精确到每个区县,只能尽可能接近。取到三个区县的经纬度合成一个新的区域,再把保定市删除这三个区县形成新的区域,将这两个新区域添加到河北省的json数据中替换原有的保定市,最后将生成好的json引入项目使用即可。
实现
1、分别获取三个区县的经纬度数据 可获取全国区域的经纬度

2、合并三个区县的json数据在线json格式化

给里面每一个区域添加相同字段area:‘雄安新区’

3、此时的json数据是有边缘的,还不能成为一个整体,所以需要对其进行合并。地图合并
导入刚刚手动合并的json文件



输入命令:dissolve2 'area' -o result.json,即可得到一个去除3方边界的json数据
备注:mapshaper命令说明,mapshaper指令说明
4、重复第一步获取保定市的json数据
5、重复第二步,删除里面的(蓉城、雄县、安溪)数据,area取名"保定"
6、重复第三步,获取删除三个区域后的保定市json数据
7、重复第一步获取河北省的json数据
8、用第6步得到的json替换保定市原有的json数据,并添加第三步获取的雄安新区的json数据进去,修改area为name,并添加cp点
雄安新区的cp点获取,坐标拾取器
9、至此,已得到新的河北省地图json数据,导入项目使用即可
echarts.registerMap("HB", require("@/assets/json/hebei.json"));
其他参考网址:
geojson,可打点描线、根据json展示效果图
本文介绍了在Echarts中处理河北地图缺少雄安新区的问题。通过获取新区经纬度,合并并调整地图边缘,创建新的区域json数据,替换原有地图数据,最终实现在项目中正确显示雄安新区。
的解决办法&spm=1001.2101.3001.5002&articleId=125482431&d=1&t=3&u=d2367badddeb41f6b051491141d32c56)
3870

被折叠的 条评论
为什么被折叠?



