我们可以通过 http://datav.aliyun.com/tools/atlas阿里旗下的高德地图提供的api,可以获取到中国各个省份/区级/县级的json数据,但是区级和县级,并没有包含街道和乡镇的数据. 上图是选中北京市-平谷区的的地图数据,可以看到是没有乡镇数据的,把数据渲染到页面上是 下面这种.没有乡/镇/街道的划分 我们需要拿到乡镇的数据的步骤
步骤一
(一):进入bigemap下载页面,下载红框里的版本 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210429113523531.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptejIwMDIyNQ==,size_16,color_FFFFFF,t_70) (二):下载安装之后打开,可以在右上角进行区域的选择,可以发现,它是精确到镇级的, 这里 不要点击左边的下载按钮,请选择图中 红框选中的导出按钮,即可保存kml文件: 可以在地图上看到效果: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210429113752988.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ptejIwMDIyNQ==,size_16,color_FFFFFF,t_70)
步骤二
在geojson.io上把刚刚在bigemap地图下载器导出的kml文件导入进来 open-file 选中刚才的文件打开它 可以看到,左边就是你导入文件选择的数据区域,右边则是自动生成的geojson数据。 这样就完成了北京-平谷区其中一部分区域的绘制 接下来只要把所有区域选择,生成kml文件导出,再导入到这个网站,像拼拼图一样拼起来就可以了。 最后全部导入拼好之后,全选右边的数据,新建一个.json文件,拷贝进去保存,这样引用的时候就可以正常使用了。 如果要默认显示区域名称,json文件里记得加上cp这个属性
"properties": {
"name": "Japan",
// 没有就添加此属性 cp为 区域label显示的经纬度位置
"cp": [139.2612315007275, 37.21842217845101],
"childNum": 28
}
|