教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据

我们可以通过 http://datav.aliyun.com/tools/atlas阿里旗下的高德地图提供的api,可以获取到中国各个省份/区级/县级的json数据,但是区级和县级,并没有包含街道和乡镇的数据.
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第1张图片上图是选中北京市-平谷区的的地图数据,可以看到是没有乡镇数据的,把数据渲染到页面上是
下面这种.没有乡/镇/街道的划分
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第2张图片
我们需要拿到乡镇的数据的步骤

步骤一

(一):进入bigemap下载页面,下载红框里的版本
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第3张图片在这里插入图片描述
(二):下载安装之后打开,可以在右上角进行区域的选择,可以发现,它是精确到镇级的,
这里 不要点击左边的下载按钮,请选择图中 红框选中的导出按钮,即可保存kml文件:
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第4张图片
可以在地图上看到效果:
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第5张图片

步骤二

在geojson.io上把刚刚在bigemap地图下载器导出的kml文件导入进来
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第6张图片
open-file 选中刚才的文件打开它
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第7张图片可以看到,左边就是你导入文件选择的数据区域,右边则是自动生成的geojson数据。
这样就完成了北京-平谷区其中一部分区域的绘制
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第8张图片
接下来只要把所有区域选择,生成kml文件导出,再导入到这个网站,像拼拼图一样拼起来就可以了。
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第9张图片最后全部导入拼好之后,全选右边的数据,新建一个.json文件,拷贝进去保存,这样引用的时候就可以正常使用了。
教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据_第10张图片
如果要默认显示区域名称,json文件里记得加上cp这个属性

"properties": {
  "name": "Japan",
  // 没有就添加此属性 cp为 区域label显示的经纬度位置
  "cp": [139.2612315007275, 37.21842217845101], 
  "childNum": 28
}

你可能感兴趣的:(地图,街景地图)