WeChat でこれを適用して、メニューをこの HTML5 ページに直接リンクし、現在位置を取得した後、ページを開いた後、直接ナビゲーション ページに入るようにページ内に目的地を設定します。
最初に位置情報を送信し、次に [OK] をクリックしてナビゲーションを終了すると、手順を 1 つ節約できます。
<!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 ページは、Baidu Map API を直接呼び出して現在位置を取得し、目的地に直接移動します</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><!--jQuery を呼び出す--> <style type=text/css> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;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); var myIcon = new BMap.Icon(myicon.png,new BMap.Size(30,30),{ アンカー: new BMap.Size(10,10) });マーカー = 新しい BMap.Marker(ポイント,{icon: myIcon}); var geolocation = new BMap.Geolocation(); if(this.getStatus() = = BMAP_STATUS_SUCCESS){ var mk = 新しい BMap.Marker(r.point); //map.panTo(r.point);//地図の中心点を現在位置に移動します var latCurrent = r.point.lat; //alert('現在地:'+ 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 {alert('failed'+this . getStatus()); } },{enableHighAccuracy: true}) map.addOverlay(marker); var licontent=<b>建龍森バドミントン ホール</b><br>; licontent+=<span><strong>住所: 北京市通州区浜河中路 108 号</strong> スパン><br>; licontent+=<span><strong>電話番号:</strong>(010)81556565 / 6969</span><br>; = { 幅 : 200、高さ : 80、 }; var infoWindow = new BMap.InfoWindow(licontent, opts); marker.addEventListener('click',function(){ marker.openInfoWindow(infoWindow); ; });要約する上記は、Baidu Map API を直接呼び出して現在の位置と直接のナビゲーション目的地を取得するために編集者が紹介した HTML5 ページの実装コードです。ご質問があれば、メッセージを残してください。編集者が時間内に返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！