Saya menerapkannya di WeChat untuk menyesuaikan menu. Menu tersebut langsung terhubung ke halaman HTML5 ini. Setelah mendapatkan lokasi saat ini, atur tujuan di halaman tersebut, sehingga setelah membuka halaman tersebut, Anda dapat langsung masuk ke halaman navigasi.
Anda dapat menyimpan satu langkah dengan mengirimkan informasi lokasi terlebih dahulu, lalu mengklik OK, lalu keluar dari navigasi.
<!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 >Halaman HTML5 langsung memanggil Baidu Map API untuk mendapatkan lokasi saat ini dan langsung menavigasi ke tujuan</title> <script type=text/javascript src=http://api.map.baidu.com/api?v=2.0&ak=wDYEcxgRRheZwyC9jpN1Tt7fzr2zjosZ></script> <skrip src=http://cdn.bootcss.com/jquery/1.11.1/jquery.min .js></script><!--Panggil jQuery--> <style type=text/css> body, html,#allmap {width: 100%;height: 100%;overflow: tersembunyi;margin:0;font-family:Microsoft Yahei;} </style> </head><body > <div id=allmap></div></body> </html> <tipe skrip=teks/javascript> var map = BMap baru.Map(allmap); BMap.Point(116.709684,39.89778); map.centerAndZoom(titik, 16); map.enableScrollWheelZoom(); var myIcon = BMap.Icon baru(myicon.png, BMap.Size(30,30),{ jangkar: baru BMap.Ukuran(10,10) }); var marker=BMap.Marker baru(titik,{icon: myIcon}); map.addOverlay(marker); var geolokasi = BMap.Geolocation(); = BMAP_STATUS_SUCCESS){ var mk = BMap.Marker baru(r.point); //map.panTo(r.point);//Pindahkan titik tengah peta ke posisi saat ini var latCurrent = r.point.lat; var lngCurrent = r.point.lng; 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()); map.addOverlay(marker); var licontent=<b>Aula Bulutangkis Jianlongsen</b><br>; licontent+=<span><strong>Alamat: </strong>No.108, Jalan Tengah Binhe, Distrik Tongzhou, Beijing </strong> span><br>; licontent+=<span><strong>Telpon:</strong>(010)81556565 / 6969</span><br>; = { lebar : 200, tinggi: 80, }; var infoWindow = BMap baru.InfoWindow(licontent, opts); marker.openInfoWindow(infoWindow); ; });</skrip> MeringkaskanDi atas adalah kode implementasi halaman HTML5 yang diperkenalkan oleh editor untuk langsung memanggil Baidu Map API untuk mendapatkan lokasi saat ini dan tujuan navigasi langsung. Saya harap ini dapat membantu Anda dan editor akan membalas tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!