echarts如何实现地图的下钻功能,实现省市县三级联动

背景:毕业不到一年的菜鸟

如何实现地图的省市县下钻功能。刚开始拿到这个需求的我是一脸懵逼的,echart都不怎么熟的我,只能边学边做了。网上倒是有很多大神写的代码,大神就是大神,代码又高级又没有注释,对于一个萌新来说,真的看懂还是有点难度的,只能边猜边看api了。也把自己的一点体会写来,大家一起成长。

首先,三级联动其实一点也不难,大家不要被这个功能吓到了,其实只要实现了一个基本的中国地图,到省市县就可以依葫芦画瓢了。只有两个关键点,第一个关键点就是导入省份数据(js或者json格式都行),然后在代码里引入进来,现在百度不能下载地图啦,只能自己找资源啦。我导的是json格式的数据。第二个关键点就是把series的map动态换成你要显示的那个省份名字。

第一次写博客,好久没这样写作文了,放弃了,不写了=。=

先展示一下写完的样子,留作纪念。

点击字也能实现联动效果。样式有点丑哈,也没设计啥样式,先凑合着就这样吧(我很懒的,遁了)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值