评论

使用echarts实现地图下钻功能

2022-06-21
1786浏览
1评论

使用echarts绘制地图，需要对应的geoJson数据

使用echarts实现地图下钻功能

1.支持点击地图区域展示其子内容，如点击四川展示四川的市

2.支持点击左上角多级导航，跳转回对应层级

由于代码片段最多只能支持1M，所以数据部分需要在启动后自行下载替换

数据源：https://datav.aliyun.com/portal/school/atlas/area_selector

效果展示：

代码片段：https://developers.weixin.qq.com/s/wiTATamT7UAl

最后一次编辑于  2022-06-21  
点赞 1
收藏
评论

1 个评论

  • 白米饭
    白米饭
    2023-10-31

    大佬 代码用不了


    2023-10-31
    赞同
    回复 5
    • 沉冰
      沉冰
      2023-10-31
      数据源有点变化，pages/index/index.js中，把四川改为四川省，成都改为成都市就行。
      2023-10-31
      赞
      回复
    • 白米饭
      白米饭
      2023-11-01回复沉冰
      大佬还是不行        它报这个错误 我已经被地图下钻折磨了三天了哭了
      VM171:11 页面【pages/index/index]错误:
       Error: module 'mock/china.js' is not defined, require args is '../../mock/china.js'
      2023-11-01
      赞
      回复
    • 白米饭
      白米饭
      2023-11-01回复沉冰
      现在是成都市无法显示了
      2023-11-01
      赞
      回复
    • 沉冰
      沉冰
      2023-11-01
      国家和省的地图能出来吗？能的话，那么就是你第三级数据不对。
      那个模块引用报错，首先检查下路径是否正确，其次看看 modules.export = 的后是否为一个正确的json。数据用我在js上写的备注应该就可以的
      2023-11-01
      赞
      回复
    • 白米饭
      白米饭
      2023-11-01回复沉冰
      好的 我试试 万分感谢
      2023-11-01
      赞
      回复
请 登录 后发表内容
作者介绍

文章标签