关于 GPS地图显示_gps导航地图
关于 GPS地图显示由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“gps导航地图”。
window.setTimeout(function(){ map.panTo(new BMap.Point(116.409,39.918));},2000);// 设置让地图中心平滑至新中心点,如果移动超过了当前区域的大小,则则地图直接跳到该点
function e(){
var opts={width:250,height:100,title:“hello”}
var infoWindow = new BMap.InfoWindow(“World”,opts);
map.openInfoWindow(infoWindow,map.getCenter());
}(1)
marker.addEventListener(“click”,function(e){//marker 是标注对象(var marker= new BMap.Marker(point);)
//alert(“nihao”);
//window.open(“http://”);
// e();与(1)混合使用 则可显示html文本。
//alert(e.point.lng+“,”+e.point.lat);
});
marker.addEventListener(“dragend”,function(e){
alert(e.point.lng+“,”+e.point.lat);
})
以上两个都用于监听标注对象,第一个是按下去会显示,而第二个则可以移动标注,但必须加上marker.enableDragging();
Var opts = {offset:new BMap.Size(150,5)}
map.addControl(new BMap.ScaleControl(opts));/由于API默认会有版权信息,因此需要添加一些偏移值以防止控件重叠。
自定义控件(还不清楚)
自定义标注(还不清楚)
内存的释放map.removeOverlay(marker);
Marker.dispose();//1.1版本不需要这样调用
折线
var polyline = new BMap.Polyline([
new BMap.Point(116.399,39.910),new BMap.Point(116.405,39.920),new BMap.Point(116.416,39.930)], {strokeColor:“black”,strokeWeight:6,strokeOpacity:0.5});
map.addOverlay(polyline);//6像素宽的蓝色折线。
地图图层
添加和移除图层map.addTileLayer方法可想地图添加图层
配置搜索,我们调整每页显示8个结果,并且根据结果点位置自动调整地图视野,不显示第一条结果的信息窗口。
var local = new BMap.LocalSearch(“北京市”,{
renderOptions:{
map:map,autoViewport:true,selectFirstResult:false //不显示第一条信息的窗口},pageCapacity:8
});
local.search(“中关村”);
可以为本地搜索对象提供一个结果列表容器,搜索结果会自动添加到容器元素中。
BMap.LocalSearch 还包括searchNearby和searchinBounds方法,为您提供周边搜索和范围搜索。
周边搜索
var map = new BMap.Map(“container”);
var point = new BMap.Point(116.404,39.915);
map.centerAndZoom(point,15);
map.addControl(new BMap.NavigationControl());
var local = new BMap.LocalSearch(map,{
renderOptions:{map:map,autoViewport:true}
});
local.searchNearby(“小吃”,“前门”);//前门附近找小吃
范围搜索:
var map = new BMap.Map(“container”);
var point = new BMap.Point(116.404,39.915);
map.centerAndZoom(point,14);map.addControl(new BMap.NavigationControl());var local = new BMap.LocalSearch(map,{renderOptions:{map:map} });
local.searchInBounds(“银行”,map.getBounds());//在当前地图视野范围内搜索银行
公交导航:
var map = new BMap.Map(“container”);
var point = new BMap.Point(116.404,39.915);
map.centerAndZoom(point,15);
map.addControl(new BMap.NavigationControl());
var transit = new BMap.TransitRoute(map,{
renderOptions:{map:map}
});
transit.search(“王府井”,“西单”);
var map = new BMap.Map(“container”);
var point = new BMap.Point(116.404,39.915);
map.centerAndZoom(point,14);
map.addControl(new BMap.NavigationControl());
var driving = new BMap.DrivingRoute(map,{
renderOptions:{
map:map,autoViewport:true,panel:“results”
}
});
driving.search(“中关村”,“**”);
//驾车导航(目前还不清楚功能)
地址编码描述获得坐标
var map = new BMap.Map(“container”);
var point = new BMap.Point(116.404,39.915);
//创建地址解析器实例
var myGeo = new BMap.Geocoder();
//将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(“北京市海定区上地10街10号”,function(point){
if(point){//获得地址 “北京市海定区上地10街10号”的地理位置,并在这个位置添加一个标注
map.centerAndZoom(point,16);
map.addOverlay(new BMap.Marker(point));
}
},“北京市”);//调用getPoint()需要提供地址所在的城市,本例为北京市
反向地理编码
它根据一个坐标点得到一个地址的描述,您可以通过Geocoder.getLocation()方法获得描述,当解析工作完成后,您提供的回调函数将会被触发,如果解析成功,则返回参数GeocoderResult对象,否则为null
var map = new BMap.Map(“container”);
var point = new BMap.Point(116.404,39.987);
//创建地理解析器实例
var myGeo = new BMap.Geocoder();
//根据坐标得到描述
myGeo.getLocation(new
BMap.Point(116.364,39.993),function(result){
if(result){
alert(result.addre);
}
});