Echarts河北地图缺少雄安新区(合并、调整地图边缘)的解决办法

本文介绍了在Echarts中处理河北地图缺少雄安新区的问题。通过获取新区经纬度,合并并调整地图边缘,创建新的区域json数据,替换原有地图数据,最终实现在项目中正确显示雄安新区。
该文章已生成可运行项目,

前言

现有项目采用echarts地图做呈现,可是缺少客户关心的新区的规划(比如贵州省缺少贵安新区、河北省缺少雄安新区等)。由于安全问题,现在基本都不提供经纬度json数据,为此自己只有采取其他解决方式。两年前在做贵安新区的时候,无意之间找到调整地图边缘的一个网站,经过精细化调整可手绘区域 此方法写的笔记。但今天发现那个网址已经停止维护,所以不得不另寻他法

分析问题

按百度百科的说法,雄安新区是保定市下面的三个区县(蓉城、雄县、安溪)划分,这种无法精确到每个区县,只能尽可能接近。取到三个区县的经纬度合成一个新的区域,再把保定市删除这三个区县形成新的区域,将这两个新区域添加到河北省的json数据中替换原有的保定市,最后将生成好的json引入项目使用即可。

实现

1、分别获取三个区县的经纬度数据 可获取全国区域的经纬度
复制链接打开保存json数据
2、合并三个区县的json数据在线json格式化
合并成这样的格式
给里面每一个区域添加相同字段area:‘雄安新区’
添加area字段
3、此时的json数据是有边缘的,还不能成为一个整体,所以需要对其进行合并。地图合并
导入刚刚手动合并的json文件
选择文件
点击import导入
点击右上角的console
输入命令: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展示效果图

本文章已经生成可运行项目
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值