我是应用在微信中，自定义菜单，菜单直接链接到这个html5页面，获取当前位置后，页面中定好目的地，这样打开页面后直接进入导航页面
可以省下先发送位置信息后，点确定再出导航，省一步，
<!doctype html><html lang="zh-cmn-hans"> <meta chart="utf-8"> <meta name="viewport" content="wi争前恐后dth=device-width,initial-scale=1,ur-scalable=0"> <title>html5页面直接调用百度地图api,获取当前位置，直接导航目的地</title> <script type="text/javascript" src="/d/file/titlepic/api <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><!--调用jquery--> <style type="t没有了ext/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> </head><body> <div id="allmap"></div></body> </html> <script type="text/javascript"> 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.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="/d/file/titlepic/error.html } el { 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>总结
以上所述是www.887551.com给大家介绍的html5页面直接调用百度地图api获取当前位置直接导航目的地的实现代码，希望对大家有所帮助
本文发布于:2023-04-06 10:49:32，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/35ed11452e7c23f6b8075dda95b72469.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码.doc
本文 PDF 下载地址：HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码.pdf
| 留言与评论（共有 0 条评论） |
