奥维查看行政边界_【百度地图API】如何获取行政区域的边界? (转载)
摘要:以前教过大家如何自行获取行政区域,或者自定义获取一个区域的边界值。今天来教大家直接调用百度地图API1.3(目前最新版本)来获取行政区域的边界值。
--------------------------------------------------------------------------------------
一、建立地图
创建地图对象;设立中心点。
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);
二、添加地图事件和控件
控件:鱼骨控件我用了迷你型的;
地图事件:添加了滚轮缩放。
map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL}));
map.enableScrollWheelZoom();
三、获取行政区域
构造函数Boundary;
get方法,获取行政区域的边界。
rs是获取到的结果。
var bdary = new BMap.Boundary();
bdary.get(name, function(rs){ //获取行政区域
//这里是用户自己的函数。
});
四、添加覆盖物
获取到边界的点数组后,添加一个多边形覆盖物。
var count = rs.boundaries.length; //行政区域的点有多少个
for(var i = 0; i < count; i++){
var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物
map.addOverlay(ply); //添加覆盖物
}
五、调整视野
points为一系列点的数组,系统自动展示points里所有点。
map.setViewport(points); //调整视野
效果图:
获取地区轮廓线
body{font-size:13px;margin:10px}
#container{width:800px;height:500px;border:1px solid gray}
输入省、直辖市或县名称:
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);
map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL}));
map.enableScrollWheelZoom();
function getBoundary(){
var bdary = new BMap.Boundary();
var name = document.getElementById("districtName").value;
bdary.get(name, function(rs){ //获取行政区域
map.clearOverlays(); //清除地图覆盖物
var count = rs.boundaries.length; //行政区域的点有多少个
for(var i = 0; i < count; i++){
var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物
map.addOverlay(ply); //添加覆盖物
map.setViewport(ply.getPath()); //调整视野
}
});
}
转自:http://blog.csdn.net/sxty0220/article/details/7522661
奥维查看行政边界_【百度地图API】如何获取行政区域的边界? (转载)相关推荐
- centerandzoom 无效_百度地图api h5获取当前位置授权(iphone6s 和 iphone7失效)
百度地图获取当前位置授权对于ipnone6s和ipone7没有用,别的机型都可以,下面贴代码: (定义调用本地授权函数) var getLocation = function(callback) { ...
- python批量爬取小网格区域坐标系_Python爬虫实例_利用百度地图API批量获取城市所有的POI点...
上篇关于爬虫的文章,我们讲解了如何运用Python的requests及BeautifuiSoup模块来完成静态网页的爬取,总结过程,网页爬虫本质就两步: 1.设置请求参数(url,headers,co ...
- 【python】python利用百度地图API:获取经纬度、地图撒点
本文目的: python通过百度地图API,获取所给地址的经纬度,并且在百度地图上进行撒点. 另:百度地图API功能强大,如: GPS功能(单个点沿线运动). 信息窗口示例(添加纯文字的信息窗口). ...
- 百度地图AK申请注意+百度地图API生成热力图+调用百度地图API自动获取经纬度和地址
文章目录 一.百度地图AK密钥申请 二.调用百度地图API生成热力图 三.调用百度地图API自动获取经纬度和地址 一.百度地图AK密钥申请 点击百度地图API控制台,输入登录账户,即可进入,若账户未完 ...
- Python3调用百度地图API接口获取结构化地址
在实际应用中,我们也许会有这样的需求,输入一个地名,就能够知道这个地方的准确地址.例如输入"清华大学",我们就可以知道清华大学在北京的哪个区哪条道路.正好百度地图开放平台服务提供了 ...
- 奥维查看行政边界_百度地图获取行政范围边界
在做地图开发的时候经常需要获取行政区划的边界,下面的网页可以满足如下功能,输入城市区划名,点击查看范围即可 body, html,#allmap {width: 100%;height: 100%;o ...
- java开发百度地图瓦片_百度地图API:利用瓦片生成工具,自定义背景图片
一.制作地图的准备工作 其实,你只需要准备一些地图的瓦片图,就可以了. 用切片工具,把一张完整的图片(最好大一些,清楚一些),切成小片,可使用 TileCutter工具. 二.了解百度地图API的地图 ...
- sns.distplot图例标注怎么添加_百度地图API图标、文本、图例与连线
百度地图开放平台功能强大,使用简单,为地图的自定义提供了非常方便的途径! 本文以绘制一张全国机器辐射图为例记录其基本使用方法,效果如下图: 图中包括了带图标和文本的标注,连线以及图例. 1.关于坐标 ...
- 基于百度地图的python开发服务端_百度地图api用python行吗
?ak=E4805d16520de693a3fe707cdc962045 &callback=renderReverse &location=39.983424,116.322987 ...
最新文章
- AI创作神器GAN的演变全过程
- vncview 多屏_OpenStack中VNC协议实现多屏共享(多屏不踢访问)
- Luogu 2827 [NOIP2016] 蚯蚓
- 学生信息链表,建立,插入,删除,遍历,查找,修改,最大(小)值,平均...
- 1.1图像处理的概念
- to_csvread_csvisnullisnanisna
- 《FPGA全程进阶---实战演练》第十一章 VGA五彩缤纷
- NetFPGA平台介绍
- Tricks(二十三)—— Python 实现树这种数据结构
- 获取简单的输入和渲染窗口(Hello Window)
- springboot jvm参数
- OpenLayers自定义投影,转换OpenLayers中加载的OSM的默认投影坐标
- SEO和SEM的区别是什么
- python卡方检验 scipy_卡方检验的scipy实现
- 留给10年后的自己观看,T4-7生活就像那条小巷!
- Hadoop 启动 HDFS DataNode 时报错:Invalid dfs.datanode.data.dir
- 虚拟服务器防病毒,windows 2008 Hyper-v虚拟化防病毒
- vue项目中element-ui的分页器(组件封装)
- 基于人工智能的滚动轴承PHM方法综述
- 微信公众号自定义菜单设置教程