echarts 地图区域合并

2024-05-08 07:42:26

想要实现地图区域合并，重点在于地图Json合并。

需求描述：

我想要A市和B市合并成一个区域,
A的坐标点为[apt1,apt2,apt3,apt4,...,apt1];
B的坐标点为[bpt1,bpt2,bpt3, ..., bpt1];
有什么好的方案让AB合并成一个区域。

比如我想把广东和广西练成一片区域，变成两广地区，去除二者的边界线。

网站：https://mapshaper.org/

开始：

1、获取想要的json地图：

http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4

2、编辑地图文件：

打开json格式的地图文件

3、利用mapshaper https://mapshaper.org/ 进行地图编辑

点击select上传地图

点击import加载地图

打开console控制台，利用dissolve命令合并区域并导出编辑完成的地图

4、对编辑导出的地图文件再次进行修改

将原本的area字段替换成name（在pyecharts中只能识别name名称），并添加cp字段指定区域的中心点

5、自定义地图编辑完成，保存。

结果：

Update:

特定企业有自己的区域划分，坐标文件（.shp等）也可以用https://mapshaper.org/导入后，转为JSON文件，但是要注意导出文件略有不同，需要手动修改。参考：https://blog.csdn.net/u011365716/article/details/93139102

参考文章：

https://segmentfault.com/q/1010000013001601

https://www.lizenghai.com/archives/60916.html

https://blog.csdn.net/shaxiaozilove/article/details/58687003

echarts 地图区域合并相关推荐

Echarts全国地图区域合并------去掉海南子区域及南海诸岛
Echarts 地图开发中需要实现地图阴影: 下图是一个失败的demo,真正需要的是为整个地图添加边框阴影而不是为每个区域添加 1.最简单的实现方法,用geo实现 <!DOCTYPE html& ...
Echarts地图初体验
根据黑马pink老师的视频制作的echarts地图最近沉迷P社的钢4,断断续续几天才做好效果预览 echart拿来做这种动态图还是不错的官网百度的echarts 仓库地址链接: link. h ...
mysql+地图网格数据下载_echarts 中国各省市 echarts地图数据，含世界地图
[实例简介] echarts 中国各省市 echarts地图数据,含世界地图,含各省地市数据 [实例截图] [核心代码] echarts_map_data ├── anhui │ ├── anhu ...
Echarts地图详细镇区的划分_echarts乡镇地图,echarts地图街道-算法与数据结构文档
Echarts地图详细镇区的划分_echarts乡镇地图,echarts地图街道-算法与数据结构文档类资源-CSDN下载
echarts asp mysql 源码_如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)...
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 本文将结合实例 ...
echarts 地图常见效果
echarts 地图常见效果!! 引入echarts包(最全的那个,不要下简易版的)和地图包 ----------------------------------------------------- ...
vue 引入json地图_在vue2.x中使用echarts,地图或者theme引入js 文件，会有问题，地图的json文件重新注册可以...
One-line summary [问题简述] 在vue2.x中使用echarts,地图或者theme引入会有问题 import echarts from 'echarts/dist/echarts' ...
html海南地图插件,Echarts 地图（map）插件之鼠标HOVER和tooltip自定义数据
在项目开发中,有需要用到地图的地方,百度的echarts地图插件就是个不错的选择, 这里总结一下地图自定义鼠标HOVER时的事件和自定义tooltip数据: 一.鼠标HOVER时的事件: 参照官方文档 ...
Vue+Echarts地图消失（高度变成0）的完美解决方案
地图消失了! 最近项目突然发现了一个奇怪的问题,当且到别的页面之后停留一会(20min+),首页的Echarts地图就会消失掉,而且还不一定复现,好不容易复现了一次,查看元素发现地图的容器.svg元素 ...

最新文章

热门文章