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

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

GeoJson的下载

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

DATAV.GeoAtlas

这个工具还是比较强大的,基本到县级的都可以进行下载,地址如下界面如下在这里插入图片描述功能很简单这里就不多介绍了

在线制作

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

Map WarPer

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

其他工具

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

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

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值