echart地图合并，并取消边框

原文地址：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文件引入即可

echart地图合并，并取消边框相关推荐

echart地图知识点
echart地图城市经纬度使用geo时,导入china.js,填数剧时,前两列映射到经纬度,第三列映射到值,嵌套数组 //转换数据示例 //取地图映射数据function convertData(d ...
echart地图+散点图表，点击散点触发BootstrapDialog弹框
echart地图和散点图结合,点击散点触发BootstrapDialog弹框. 需要引入文件jquery.bootstrap.bootstrap-dialog.min.js.echarts.min.j ...
vue中使用echart地图
vue中使用echart地图获取湖南的地图数据实现的效果步骤一些方法地图options 总结获取湖南的地图数据 https://gallery.echartsjs.com/editor.h ...
关于如何自定义echart地图
关于如何自定义echart地图开门见山的说自定义显示echart地图最重要的就是这个引入的文件文件里面大概是这样的最主要是这个registerMap(mapName,geoJson,spe ...
上海地图全图可放大_好书·推荐丨第一次将近代上海行号与地图合并在路图中，你知道是哪本书吗？...
近年来,从事上海近代城市和建筑研究的不仅有建筑师.规划师和建筑史.城市史学家,还有社会学家.历史学家.档案学家.作家.记者等,上海近代建筑研究已经成为一门学科. 研究上海的近代城市和建筑除参考和查证中 ...
使用poi导出excel，及合并单元格边框显示问题
使用poi导出excel,及合并单元格边框显示问题. 首先创建workbook.sheet HSSFWorkbook workbook = new HSSFWorkbook();HSSFSheet s ...
POI-HSSFWorkbook合并单元格边框及文字居中问题
POI-HSSFWorkbook合并单元格边框及文字居中问题首先创建一个需要合并单元格的样式 //合并的单元格样式 HSSFCellStyle boderStyle = wb.createCellS ...
echart地图双击放大
注:echart地图需要引用第三方插件注2:echart地图虽然实现了双击放大但是还未实现以点击处为中心点实现放大效果提示:主要需要计算经纬度暂时还不知道怎么获取点击点的经纬度 &l ...
html合并td边框线,使用css将table td边框合并为细边框
使用css将table td边框合并为细边框2017-12-13 22:07 还记得第一次使用table的时候,无论怎么弄,边框都不是自己想要的效果. 因为只想让框边成为一条细线,当时就在想有这么难吗 ...

echart地图合并，并取消边框

echart地图合并，并取消边框相关推荐

最新文章

热门文章