搞定echarts地图,想怎么自定义都行

当我们在使用echarts绘制地图时,总是会遇到各种“无敌”的需求,官方提供的中国地图远远不够,如果要到省级,市级,县级,那就需要我们自己搞定了,
所以我就去研究了一下echarts的地图到底是什么玩意儿,ok,废话不多说,开始正片
我先去了echarts的官网,传送地址:https://www.echartsjs.com/examples/zh/index.html#chart-type-map,然后我发现全部是百度地图,没有以前的那种轮廓图了(不知道具体名词是什么,我是这么叫的),就是这种图
在这里插入图片描述
接着我就看到了这个公告
在这里插入图片描述
好吧,看来是因为某种原因,不再内置了,但这丝毫难不倒我,在掉了两根头发之后,终于被我发现echarts原来那种地图加载的是geojson文件,有兴趣的小伙伴可以看看,还挺有意思的,
传送地址:https://www.oschina.net/translate/geojson-spec
但是,看到这我有点崩溃了,这,我也不会制作啊,我挠了挠自己傲人的发际线,完全摸不着头脑,于是我又用了两根头发的代价,找到了两个很棒的网址,可以制作这种地图文件
1.现成地图网站
这个网站地图直接支持到县级,简直就是爽歪歪,我突然觉得头没那么凉了!
在这里插入图片描述使用方法也很简单,搜索框可以直接输入想要的地区,然后是包含子区域的勾选框,如果勾选下载的文件就会包含子级区域,最后就是文件格式,这里我们就选geojson就可以了,有一个小细节就是把下载的文件后缀.geojson改成.json ,就可以直接在echarts中使用了,geojson是否可以使用,我没有测试
2.自定义地图网站
这个网站就比较费头发了,但是自定义程度高,头发浓密的小伙伴可以大展身手,本着节约头发的原则,我只探索了一部分功能
在这里插入图片描述
我们可以把从上面网站下载的geojson文件导入进去,效果如下,我导入的北京地图
在这里插入图片描述
之后左侧会出现地图的样式,右侧为geojson文件内容,如果有需要显示比县级更进一级的,比如街道,小伙伴就可以自己动手画了
在这里插入图片描述
这就是一些工具,可以画线条,矩形,或者不规则形状都可以,完全考验眼力和手残程度,
制作完成点击save,然后选择文件格式就可以下载了
在这里插入图片描述
有些小细节要注意,echarts只支持矩形和不规则形状,并不支持线段,所以画了也显示不出来,这个很头疼,想画线路图的小伙伴,可以参考下我这篇
https://blog.csdn.net/qq_32610671/article/details/103202047

至此就大功告成了,以后想怎么画就怎么画,再也不用到处找资源了

摸着我略微发凉的头皮,目光远眺,我仿佛看到了那天夕阳的奔跑,那是我逝去的青春!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值