vue+echarts 区域地图绘制（街道） |
您所在的位置：网站首页 › 可以看见街道的地图软件下载安装 › vue+echarts 区域地图绘制（街道） |
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）阿里云获取–只精准到市区（–这里以深圳市为例）
下载后打开软件，直接搜索，这里是详细到街道的 这里直接上代码 首先是安装echarts引入到这个页面中，刚才上面保存下来的json文件也引入 import * as echarts from "echarts"; import JSON from "../../node_modules/echarts/map/json/szluohu.json";初始化并定义地图 echarts 有一个**registerMap(mapName,geoJson,specialAreas)**方法，此方法有3个参数&#x |
下载到文件后，打开geojson.io，将上面下载的Json文件导入 
导入后能看到深圳市的各个区，直接再存为kml文件 
将kml文件再次导入，这时候右边生成的就是我们需要的数据，复制右边代码，保存到项目的json文件中 注意看这里选中的跟上面只导入json是不一样的 
将每个街道下载下来 
拿到所有的街道后，打开geojson.io，将下载好的十个文件一个个导入，最后右侧生成的代码复制到一个json就完成了 
【本文地址】
今日新闻 |
推荐新闻 |