vue+echarts5 实现中国地图

使用echarts5.0版本实现中国地图,E charts在5.0版本之后,地图不能直接引入了,需要自己去下载。

  • 地图文件下载地址:
    下载地址
    (http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.772340792178525&lng=103.94573258937584&zoom=9.5)

注意: 将下载后的json文件放置/public目录下

  • map类型的地图





vue+echarts5 实现中国地图_第1张图片

  • geo类型地图





vue+echarts5 实现中国地图_第2张图片

你可能感兴趣的:(前端,经验,vue,vue.js,echarts,javascript)