vue+echarts 区域地图绘制(街道)

vue+echarts 区域地图绘制(街道)

  • 1、以下是本人参考别的博主的链接
  • 2、需要用到的资源
  • 3、获取地图JSON
    • (1)[阿里云](http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5)获取–只精准到市区(–这里以深圳市为例)
    • (2)[北斗卫星软件](http://www.bigemap.com/)获取–精准到街道(以深圳罗湖区示例)
  • 4、vue中echarts 编写地图
  • 5、效果

1、以下是本人参考别的博主的链接

参考链接1:vue中使用echarts 制作某市各个街道镇的地图
获取省市区getJson

2、需要用到的资源

geojson.io
阿里云地图API
北斗卫星软件下载

3、获取地图JSON

(1)阿里云获取–只精准到市区(–这里以深圳市为例)

vue+echarts 区域地图绘制(街道)
导入后能看到深圳市的各个区,直接再存为kml文件
vue+echarts 区域地图绘制(街道)

(2)北斗卫星软件获取–精准到街道(以深圳罗湖区示例)

下载后打开软件,直接搜索,这里是详细到街道的

vue+echarts 区域地图绘制(街道)
拿到所有的街道后,打开geojson.io,将下载好的十个文件一个个导入,最后右侧生成的代码复制到一个json就完成了
vue+echarts 区域地图绘制(街道)

5、效果

vue+echarts 区域地图绘制(街道)

文章知识点与官方知识档案匹配,可进一步学习相关知识Vue入门技能树首页概览23094 人正在系统学习中

来源:卷毛崽

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年11月18日
下一篇 2021年11月18日

相关推荐