百度地图API 显示区域边界及地名定位

百度地图API 显示区域边界及地名定位

这个定位一共用了两个方法组成

一个是定位绘制区域边界线,另一个是地名定位

原理:

  当用户输入省、市、县、区这种大地名时,我们要定位用户输入的这个位置,并显示轮廓,即调用getBoundary方法;

  当用户输入乡,街道,某个学校这样的小地名时,这是由于区域太小,不需要对这片区域描边时,我们再调用dw方法

<div id="l-map"></div>
<div class="layout">
<input id="value" value="青山湖区长春村" type="text">
     <input type="submit" onclick="pd()" value="定位">
</div>
//初始化地图
var value='';var map = new BMap.Map("l-map");
map.centerAndZoom('北京市',10);
map.enableScrollWheelZoom();
//定位区域,小地名,使用本地检索方法
var dw=function(){
//value=document.getElementById('value').value;
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map}
}); local.setMarkersSetCallback(function(pois){
map.clearOverlays();//清除所有覆盖物后,在叠加第一个点
var marker = new BMap.Marker(pois[0].point);
map.addOverlay(marker);
}) local.search(value);
map.clearOverlays(); }
//获取边界
function getBoundary(){//获取边界
var bdary = new BMap.Boundary();
bdary.get(value, 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: 1,
strokeColor: "#ff0000"
}); //建立多边形覆盖物
map.addOverlay(ply); //添加覆盖物
map.setViewport(ply.getPath()); //调整视野
}
});
}
//正则表达式,满足条件后调用
var patter=/['省'|'市'|'区'|'县']$/;
var pd=function(){
value=document.getElementById('value').value;
if(patter.test(value)==true){//关键字结尾是省市县区就调用下面方法
getBoundary();
if(/社区|小区$/.test(value)==true){//因为区后面结尾,会有小区和社区,即做了一个字方法
dw();
}
}else{//关键字结尾没有省市县区结尾就调用此方法
dw();
}
}
上一篇:自动交互脚本之expect使用记录


下一篇:ubuntu下C/C++编程起步