教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据 您所在的位置:网站首页 echarts乡镇地图数据 教你通过bigemap和geojson获取echarts精确到乡镇、街道的地图json数据

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

2024-05-31 09:23| 来源: 网络整理| 查看: 265

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

步骤一

(一):进入bigemap下载页面,下载红框里的版本 在这里插入图片描述在这里插入图片描述 (二):下载安装之后打开,可以在右上角进行区域的选择,可以发现,它是精确到镇级的, 这里 不要点击左边的下载按钮,请选择图中 红框选中的导出按钮,即可保存kml文件: 在这里插入图片描述 可以在地图上看到效果: 在这里插入图片描述

步骤二

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

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


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有