首页 > 编程 > HTML > 正文

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

2020-03-24 16:13:06
字体:
来源:转载
供稿:网友
首页 > web前端 > H5教程 > 正文 HTML5调用百度地图API获取当前位置并直接导航目的地的方法 2018-03-03 09:32:32 4118 第六期线上培训班
本文主要和大家介绍了HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码,需要的朋友可以参考下,希望能帮助到大家。

可以省下先发送位置信息后,点确定再出导航,省一步,


 !DOCTYPE html  html lang= zh-cmn-Hans  meta charset= UTF-8  meta name= viewport content= width=device-width,initial-scale=1,user-scalable=0  title HTML5页面直接调用百度地图API,获取当前位置,直接导航目的地 /title  script type= text/javascript src= https://cdn14.x6kj.com/uploads/allimg/191102/0T4332347-0.png ,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 region=北京 output=html  else { alert( failed +this.getStatus()); },{enableHighAccuracy: true}) map.addOverlay(marker);  var licontent= b 健龙森羽毛球馆 /b br  licontent+= span strong 地址: /strong 北京市通州区滨河中路108号 /span br  licontent+= span strong 电话: /strong (010)81556565 / 6969 /span br  var opts = {  width : 200, height: 80, var infoWindow = new BMap.InfoWindow(licontent, opts);  marker.openInfoWindow(infoWindow);  marker.addEventListener( click ,function(){ marker.openInfoWindow(infoWindow); });  /script 

相关推荐:

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

以上就是HTML5调用百度地图API获取当前位置并直接导航目的地的方法的详细内容,其它编程语言

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表