echarts map中如何获取所需要的json。

最近项目中需要用到echarts地图,所需要的是北京市房山区的地图,奈何找了好久没有找到房山区的json,通过搜索资料,终于解决了此问题特此记录一下。

GeoJson的下载

echarts官方不维护数据之后,可以在gallery社区
下载相关的json,当然我所需要的在上面没有找到

DATAV.GeoAtlas

这个工具还是比较强大的,基本到县级的都可以进行下载,地址如下界面如下echarts map中如何获取所需要的json。_第1张图片功能很简单这里就不多介绍了

在线制作

在线制作可以使用http://geojson.io/这个网站,在线绘制GeoJson,然后save下来就可以使用了
其界面如下右边就可以放县区的json了,比如我放的就是北京市房山区的json,房山区的json是通过第二步得到的,这里可以切换到OSM格式,然后就可以动手画了,但是有一个问题就是,没有乡镇的分界线我怎么画,那就介绍下面的工具Map WarPer ,这个是一个github上的开源工具,git上是这样介绍的:
Mapwarper是一个开放源码的地图地理校正、扭曲和地理校正应用。它允许用户上传一张图片,比如一张扫描的地图或航拍照片,并通过在参考地图和图片上放置控制点,来扭曲和拉伸它以适应。github地址

Map WarPer

大家可以在git上直接跳转到Map warper的应用地址,我这里也给大家贴上
https://mapwarper.net/;
界面如下echarts map中如何获取所需要的json。_第2张图片
有点慌了,这是啥啊,我告诉大家我是怎么用的,首先登录一下,没有账号就注册一下,这个应该都会的,登录界面:echarts map中如何获取所需要的json。_第3张图片
然后有个Upload Map如下:
echarts map中如何获取所需要的json。_第4张图片
这里就可以上传地图可,比如我就是在天地图官网找到2019版北京市房山区的标准地图传上去。传上去以后就是这样:echarts map中如何获取所需要的json。_第5张图片
这个就是我三天之前传上去的,然后点进去如下echarts map中如何获取所需要的json。_第6张图片
然后找到Recticy的标签页,点开之后就可以进行标记,其实就是把我上传的北京地图和真实的地图上的点进行关联标记,因为我需要房山区各个乡镇的信息,所以我的标记如下
标记完之后点击Warp Image 然后再点击到标签preview可以进行预览,如下
接下来点击到Export标签页,然后选择Tiles (Google/OSM scheme):
将后面的地址复制下来如下:echarts map中如何获取所需要的json。_第7张图片
然后就要用到上面说的在线制作工具了;上面已经说了,没有乡镇的分界线没法画,那我们下面就可以这样操作,将刚刚得到的地址复制一下,点击在线制作工具中的Mate - add map layer(添加图层)如下图:
把Map Warper 中复制到的地址粘贴,确定,然后就可以看到下图的样子了,就可以进行愉快的描边了。echarts map中如何获取所需要的json。_第8张图片
可以每个乡镇都存一个GeoJson;

其他工具

(1)mapshaper地图综合神器;具体的介绍大家可以看这篇文章:Mapshaper 笔记一:地图综合神器;
(2)SYNOPTIC DESIGNER FOR POWER BI这个就不具体介绍了,大家有兴趣可以看一下;

上面的这些东西研究了两三天,然后描边画图,大约用了一个上午,剩下的就是echarts的东西了,就不多说了,网上很多例子。

你可能感兴趣的:(echarts,javascript)