HTML5调用百度地图API获取当前位置并直接导航目的地办法

web前端|H5教程 本文主要和大家介绍了HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码,需要的朋友可以参考下，希望能帮助到大家。可以省下先发送位置信息后，点确定再出导航，省一步，

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

var map = new BMap.Map("allmap"); var point = new BMap.Point(116.709684,39.89778); map.centerAndZoom(point, 16); map.enableScrollWheelZoom(); var myIcon = new BMap.Icon("myicon.jpg",new BMap.Size(30,30),{ anchor: new BMap.Size(10,10) }); var marker=new BMap.Marker(point,{icon: myIcon}); map.addOverlay(marker); var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus() == BMAP_STATUS_SUCCESS){ var mk = new BMap.Marker(r.point); map.addOverlay(mk); //map.panTo(r.point);//地图中心点移到当前位置 var latCurrent = r.point.lat; var lngCurrent = r.point.lng; //alert('我的位置：'+ latCurrent + ',' + lngCurrent); location.href="http://api.map.baidu.com/direction?origin="+latCurrent+","+lngCurrent+"&destination=39.89778,116.709684&mode=driving®ion=北京&output=html"; } else { alert('failed'+this.getStatus()); } },{enableHighAccuracy: true}) map.addOverlay(marker); var licOntent="健龙森羽毛球馆
"; licontent+="地址：北京市通州区滨河中路108号
"; licontent+="电话：(010)81556565 / 6969
"; var opts = { width : 200, height: 80, }; var infoWindow = new BMap.InfoWindow(licontent, opts); marker.openInfoWindow(infoWindow); marker.addEventListener('click',function(){ marker.openInfoWindow(infoWindow); });

js 调用百度地图api并在地图上进行打点添加标注_Javascript技巧