高德地图API显示行政区边界

基础骨架设置

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>行政边界</title>
</head>
<body></body>
</html>

引入高德地图资源（head内实现）

<script type = "text/javascript"></script><script type = "text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>

设置地图样式（head内实现）

<style>html,body,#container{width: 99%;height: 99%;}
</style>

创建地图容器（body内实现）

<div id ="container"></div>

加载地图（body内实现）

   <script>// 定义一个变量，保存一个对象var map = new AMap.Map('container',{center:[118.18 , 24.93], // 设置地图中心点经纬度zoom:10, // 地图缩放比例（3~20)viewMode:'3D',pitch:45})

加载控件并导入地理信息

            //  安装插件（plugin)AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.HawkEye','AMap.MapType','AMap.ControlBar','AMap.DistrictSearch'],function(){// ToolBar(工具条)：集成了缩放，平移，定位等功能// 添加控件map.addControl(new AMap.ToolBar())// Scale(比例尺)：显示地图早当前层级和经纬度下的比例map.addControl(new AMap.Scale())// HawkEye(鹰眼)：右下角的地方显示大面积地图map.addControl(new AMap.HawkEye())map.addControl(new AMap.MapType())map.addControl(new AMap.ControlBar())// 创建行政区查询对象var district = new AMap.DistrictSearch({// 返回行政区边界坐标等具体信息extensions: 'all',// 设置查询行政区级别为 区 level: 'district'})district.search('泉州市', function(status, result) {// 获取泉州市的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 2,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: 'brown'})polygons.push(polygon)}// 地图自适应map.setFitView()}console.log('运行')})district.search('石狮市', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('南安市', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('晋江市', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('鲤城区', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('丰泽区', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('洛江区', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('泉港区', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('惠安县', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('安溪县', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('永春县', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('德化县', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})district.search('金门县', function(status, result) {// 获取该区/县的边界信息var bounds = result.districtList[0].boundariesvar polygons = []if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {//生成行政区划polygonvar polygon = new AMap.Polygon({map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: [],strokeColor: '#0091ea'})polygons.push(polygon)}// 地图自适应map.setFitView()}})})//</script>

高德地图API显示行政区边界相关推荐

提取某一个镇的行政边界_高德地图api获取行政边界矢量方法
高德地图api获取行政边界矢量方法发布时间:2018-09-07 17:51, 浏览次数:2170 , 标签: api 1.获取高德地图web服务key 2.行政区域查询API服务地址: https ...
高德地图 API 显示跑步路线
模仿对象此前在尝试制作时,我采用 Nike+ 官网效果为模板仿制.目前 Nike+ 已经升级,看不了之前版本的样式及动态效果,暂且看看样式区别不大的 Nike+ Run Club App 地图,动画 ...
在Google地图中显示行政区边界
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 不知道从 ...
python 乡镇轮廓高德_基于高德地图api和Python的区县地理边界坐标提取
在工作中,经常想用到类似于地热图的方式进行数据展示,奈何工作环境是内网,无法在线进行地图关联,没办法,只好自己想办法上网找边界坐标. 查了很多文档和费心以后,最终发现高德地图api的方法和方式最简单, ...
高德地图api如何不显示logo_Python爬取高德地图POI数据获取「洗浴推拿指南」
学习交流群认识高德地图API 打开"高德开放平台",点击"开发文档",在"Web服务"下寻找并点击"搜索API". 我 ...
python 根据经纬度调取和显示地图_Python调用高德地图API实现经纬度换算、地图可视化-站长资讯中心...
目前地图可视化的工具和函数比较多,但是在不知道相关地点经纬度的情况下,通过python调用高德地图API实现经纬度换算,并且直接在高德地图新推出的轻量级可视化平台上实现一键式地图可视化,这其中需要申请 ...
高德地图markevents_GitHub - mingxuWang/Map: 高德地图API二次封装
Map组件设计文档组件设计目的分析当前各业务方向(销售端.商城.数据可视化.TMS)内地图相关应用的地图功能使用情况,封装Map组件供给各业务向进行使用. 将高德地图API进行二次封装,降低地图相 ...
高德地图API实现区域立体效果
高德地图API实现区域立体效果初衷区域掩膜垂面Wall 区域掩膜与垂面Wall相结合,构建区域立体效果最后初衷在利用高德地图API做项目的过程中遇到需只显示一个区域的地图,并且具有立体效果 ...
接口获取行政区划代码_行政区域查询-API文档-开发指南-Web服务 API | 高德地图API...
产品介绍行政区域查询是一类简单的HTTP接口,根据用户输入的搜索条件可以帮助用户快速的查找特定的行政区域信息. 使用API前您需先申请Key,若无高德地图API账号需要先申请账号. 例如:中国> ...

高德地图API显示行政区边界

高德地图API显示行政区边界相关推荐

最新文章

热门文章