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

我们可以通过 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
}

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

Esp8266 进阶之路28 【高级篇】教你轻松自如使用cJson在乐鑫 esp8266 如何解析一段json数据以及如何生成一段json数据。（附带demo）
本系列博客学习由非官方人员半颗心脏潜心所力所写,不做开发板.仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 序号 SDK版本内容链接 1 nonos2.0 搭建 ...
geojson全国各省市区地图json数据
geojson全国各省市区地图json数据(目前仅到全国.省.市.区级别,无法到乡.镇.社区),现在尚未验证是高德or百度坐标系,预计阿里系应该是gcj-02坐标,有验证的小伙伴可回复下,嘿嘿 jso ...
世界国家geojson大全，各国地图json数据下载
世界国家geojson大全,各国地图json数据下载转载于:https://www.cnblogs.com/firstcsharp/p/11309393.html
Echarts 异步请求不能加载本地JSON数据解决方案，以及Http-Server安装与使用
文章目录一.前言二.分析&解决方案三.Http-Server简介&安装方法四.启动http本地服务方法五.附:Http-Server可选配置一.前言最近学习eharts制 ...
在线生成广西geojson数据+精确到乡镇街道级别手绘地图json
获取全国以及普通省份以及地市可直接用地图选择器完成,网址如下: http://datav.aliyun.com/tools/atlas/#&lat=23.673539694230854& ...
geojson全国各省市区地图json数据绘制Echarts区域地图
全国json数据获取地址: https://github.com/lyhmyd1211/GeoMapData_CN 单独区域json数据获取地址: http://datav.aliyun.com/to ...
ECharts拉取地图json数据，实现区域合并（包括县级数据）
一.拉取地图数据(包括县级) 1.下载BIGEMAP地图下载器 2.进入,选择你需要导出的区域,导出成bmv 3.选择百度地图,在左上方文件里选择打开KML/KMZ文件,依次打开刚刚导出的文件,然后在 ...
echarts 自定义世界地图（含中国地图省份数据）
效果图主要代码依赖echarts.min.js axios.js !(function(global) {let chart = echarts.init(document.getElementB ...
获取全国省地市地图json数据
1.http://datav.aliyun.com/tools/atlas/#&lat=22.65267050733856&lng=114.18983459472656&zoo ...
获取地图区域边界经纬度(地图json数据)
获取地图区域边界经纬度需求中有需要展示出某地域的轮廓地图,需要获取该轮廓边界的经纬度最小精确到区,县: 网址:DataV.GeoAtlas 将参数复制出来,截取coordinates属性中的经纬度 ...

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

步骤一

步骤二

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

最新文章

热门文章