echart地图合并,并取消边框

  • Post author:
  • Post category:其他


原文地址:

https://blog.csdn.net/qq_19816325/article/details/108520451



问题


echart地图区域合并,并不出现边框

按照之前的经验,每个区域都有自己的json数组,如果要调整区域划分,比如把A拆成AB或者把AB合并,只需要调整该区域的经纬度数组即可,但是会有个问题,合并之后会有边框,比如

在这里插入图片描述


想要解决这种问题,参考了大神帖子,现在记录下。


需要两个网站

1、获取地图json数据,阿里地图选择器

http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5


2、地图文件编辑mapshaper

https://mapshaper.org/


1. 修改要处理的文件

首先将你要合并的地图文件,添加字段标识,name同级添加,名字自定义比如“area”。

举个栗子,我要将

崇明区



长兴区

合并成一个新区域叫

新区

,那么就在两个区域下面添加

"area": "新区",


在这里插入图片描述


2.将要处理的json上传到mapshaper


在这里插入图片描述

点击console打开控制台

在这里插入图片描述

输入执行命令生成新json文件并输出

dissolve 'area' -o result.json

dissolve:合并命令

‘area’:步骤一取得别名

-o:固定

result.json生成的文件,可自定义命名

3.修改最终json

生成完的json文件只有area,并没有name,但是地图里面是根据name展示的

在这里插入图片描述

用编辑器将所有的

area

替换成

name


然后将新的json文件引入即可

在这里插入图片描述



版权声明:本文为xiaowochaochao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。