码迷,mamicode.com
首页 > 其他好文 > 详细

百度地图

时间:2015-11-03 21:15:26      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

 <script type="text/javascript">
var map=new BMap.Map(‘map‘);
var f={
//页面加载调用地图
load:function(){
window.onload=function(){
navigator.geolocation.getCurrentPosition(f.successFun, f.errFun);
}
},
initMap:function(point){//初始化地图
        //对地图控件的调整
map.addControl(new BMap.NavigationControl());//导航控件
map.addControl(new BMap.ScaleControl());//是否滚动
map.addControl(new BMap.OverviewMapControl());//缩放控制
map.CenterAndZoom(point,15);//point为坐标点,15为地图缩放级别,最大级别是 18


//非自定义定位图片
// var marker=new BMap.Marker(point);
// map.addOverlay(marker);

//自定义定位图片
var icon=new BMap.Icon(‘images/t2.png‘,new BMap.Size(32,40),{
anchor:new BMap.size(10,30)
});
var marker=new BMap.Marker(point,{icon:icon});//根据描点向地图添加图层对象
        map.addOverlay(marker);//在地图中添加图层对象

},
successFun:function(d){//创建成功
console.log(d);
var dp= f.getId(‘map‘);//为存放一个地图的div
dp.innerHTML=‘成功加载地图!‘;
var lon= d.coords.longitude;
var lat= d.coords.latitude;
var point=new BMap.Point(lon,lat);//描点
BMap.Convertor.translate(point,0, f.initMap);//初始化地图
},
errFun:function(e){//创建失败
                var str=‘‘;
switch (e.code){
case e.PERMISSION_DENIED:
str=‘用户拒绝地理位置要求!‘;
break;
case e.POSITION_UNAVAILABLE:
str=‘位置信息不可用!‘;
break;
case e.TIMEOUT:
str=‘获取用户位置请求超时!‘;
break;
case e.UNKNOWN_ERROR:
str=‘发生不明错误!‘;
break;
}
}
};
f.load();
</script>

initMap2:function(points) {//在创建除位置定位之外的锚点时
var pointMarker2 = new BMap.Marker(points);
map.addOverlay(pointMarker2);
var d=JSON.parse(window.sessionStorage.getItem(‘d‘));//方便转换便用了缓存
pointMarker2.ind=t;
pointMarker2.addEventListener("click", function(){//点击时弹出的信息框
var content ="<div style=‘font-size:12px;width:200px;margin-top:10px;‘>"
+ "<h4 style=‘margin:0 0 5px 0;padding:0.2em 0;‘>"+d[this.ind].dealerName+"</h4>"
+"<p style=‘font-size:12px;-webkit-text-size-adjust:none;‘>地址:"+d[this.ind].dealerAddress+"</p>"
+ "</div>";
var infoWindow = new BMap.InfoWindow(content,{enableMessage:false});//创建一个显示信息的窗口
this.openInfoWindow(infoWindow);
});
t++;
},

百度地图

标签:

原文地址:http://www.cnblogs.com/zshome/p/4934311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!