利用高德提供的api获取行政区域查询

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用高德提供的api获取行政区域查询相关的知识,希望对你有一定的参考价值。

参考技术A 2020年7月,全国很多地方的行政区域划分都有变化,比如莱芜并入济南等,原先的行政区域划分数据要更新一下了。
高德提供了一系列webapi,可以查询如下图这么多东西:

根据api文档描述,请求: https://restapi.amap.com/v3/config/district?subdistrict=3&key=xxxx
即可返回返回下三级行政区,即省份、城市、地区,已经够用了,也可以改变subdistrict的参数,获取更多数据

如何利用JavaScript API绘制高德地图

这里,我用的是HTML5页面进行设计的。那么,首先创建一个HTML5文件,
如下图所示:

接着,设置下禁止浏览器窗口大小改变地图大小,并引入地图核心JS
<meta name="viewport" content="initial-scale=1.0,user-scalable=no">
设置因浏览器大小改变地图大小,进行禁止;引入地图核心js前,记得到官网上申请密钥
如下图所示:

地图如何在页面上展示出来,这里就需要一个地图容器。于是,我在<body></body>中设置一个div,作为地图容器,
如下图所示:

接着,设置下body、div元素的样式,如宽度、高度、字体以及字体大小等。这里,必须要设置下宽度和高度,且使用百分比,这样让其自适应,
如下图所示:

然后,编写生成地图的核心JS,指定地图的经纬度,地图为2D的,放大级别zoom,
如下图所示:

最后,将地图初始化函数放到body中的onload事件中,让初始化页面就加载地图,
如下图所示:

7
但是,我发现这样写的话,地图始终不出来;于是,我仔细检查下,结果发现地图容器的ID和初始化函数地图ID不一致,还有没有设置html元素的样式,导致地图始终显示不了。修改完了之后,重新刷新浏览器,地图显示出来了
参考技术A Javascript本身没有地图API,你可以从网上获取到百度或者高德的JavaScript包,然后按照文档调用就行本回答被提问者采纳 参考技术B 结合高德地图的API。。然后根据你的需求,做出你想要的个性化。

以上是关于利用高德提供的api获取行政区域查询的主要内容,如果未能解决你的问题,请参考以下文章

基于高德API获取行政区域边界并进行可视化

地域数据标准化

使用高德地图api导入行政区域及经纬度

如何利用JavaScript API绘制高德地图

如何利用JavaScript API绘制高德地图

高德地图——搜索