Ich wende es in WeChat an, um das Menü anzupassen. Nachdem ich den aktuellen Standort ermittelt habe, lege ich das Ziel auf der Seite fest, sodass ich nach dem Öffnen der Seite direkt auf die Navigationsseite zugreifen kann.
Sie können einen Schritt sparen, indem Sie zuerst die Standortinformationen senden, dann auf OK klicken und dann die Navigation verlassen.
<!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-Seite ruft direkt die Baidu Map API auf, um den aktuellen Standort abzurufen und direkt zum Ziel zu navigieren</title> <script type=text/javascript src=http://api.map.baidu.com/api?v=2.0&ak=wDYEcxgRRheZwyC9jpN1Tt7fzr2zjosZ></script> <script src=http://cdn.bootcss.com/jquery/1.11.1/jquery.min .js></script><!--Call jQuery--> <style type=text/css> body, html,#allmap {width: 100%;height: 100%;overflow: versteckt;margin:0;font-family:Microsoft Yahei;} </style> </head><body > <div id=allmap></div></body> </html> <script type=text/javascript> var map = new BMap.Map(allmap); 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) }); marker=new BMap.Marker(point,{icon: myIcon}); map.addOverlay(marker); var geolocation = new BMap.Geolocation(); if(this.getStatus() = = BMAP_STATUS_SUCCESS){ var mk = new BMap.Marker(r.point); //map.panTo(r.point);//Verschieben Sie den Kartenmittelpunkt an die aktuelle Position var latCurrent = r.point.lat; var lngCurrent = r.point.lng; //alert('My location:'+ latCurrent + ',' + lngCurrent); location.href=http://api.map.baidu.com/direction?origin=+latCurrent+,+lngCurrent+&destination=39.89778,116.709684&mode=driving®ion=Beijing&output=html } else { warning('failed'+this . getStatus()); } },{enableHighAccuracy: true}) map.addOverlay(marker); var licontent=<b>Jianlongsen Badminton Hall</b><br>; Adresse: </strong>No </strong> span><br>; licontent+=<span><strong>Tel:</strong>(010)81556565 / 6969</span><br>; = { width : 200, height: 80, }; var infoWindow = new BMap.InfoWindow(licontent, opts); marker.openInfoWindow(infoWindow); marker.addEventListener('click',function(){ marker.openInfoWindow(infoWindow) ; }); </script> ZusammenfassenDas Obige ist der Implementierungscode der vom Herausgeber eingeführten HTML5-Seite, um die Baidu Map API direkt aufzurufen, um den aktuellen Standort und das direkte Navigationsziel zu erhalten. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!