Lo estoy aplicando en WeChat para personalizar el menú. El menú está directamente vinculado a esta página HTML5. Después de obtener la ubicación actual, configure el destino en la página, de modo que después de abrir la página, pueda ingresar directamente a la página de navegación.
Puede ahorrar un paso enviando primero la información de ubicación, luego haciendo clic en Aceptar y luego saliendo de la navegación.
<!DOCTYPE html><html lang=zh-cmn-Hans> <meta charset=UTF-8> <meta nombre=viewport content=ancho=ancho del dispositivo,escala-inicial=1,escalable por el usuario=0> <título >La página HTML5 llama directamente a Baidu Map API para obtener la ubicación actual y navegar directamente al destino</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><!--Llamar a jQuery--> <estilo type=text/css> body, html,#allmap {ancho: 100%;alto: 100%;desbordamiento: oculto;margen:0;font-family:Microsoft Yahei;} </style> </head><body > <div id=allmap></div></body> </html> <script type=text/javascript> var map = nuevo BMap.Map(allmap punto var = nuevo); BMap.Point(116.709684,39.89778); map.centerAndZoom(punto, 16); map.enableScrollWheelZoom(); var myIcon = nuevo BMap.Icon(myicon.png,nuevo BMap.Size(30,30),{ ancla: nuevo BMap.Tamaño(10,10) }); marcador = nuevo BMap.Marker (punto, {icono: miIcono}); map.addOverlay (marcador var geolocalización = nuevo BMap.Geolocation(); geolocalización.getCurrentPosition (función (r) {if (this.getStatus()); = BMAP_STATUS_SUCCESS){ var mk = nuevo BMap.Marker(r.point map.addOverlay(mk); //map.panTo(r.point);//Mover el punto central del mapa a la posición actual var latCurrent = r.point.lat; var lngCurrent = r.point.lng; //alert('Mi ubicación:'+ 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: verdadero}) map.addOverlay(marker); var licontent=<b>Jianlongsen Badminton Hall</b><br>; licontent+=<span><strong>Dirección: </strong>No. </strong> span><br>; licontent+=<span><strong>Tel:</strong>(010)81556565 / 6969</span><br>; = { ancho: 200, alto: 80, }; var infoWindow = new BMap.InfoWindow(licontent, opts); marcador.openInfoWindow(infoWindow); ; }); ResumirLo anterior es el código de implementación de la página HTML5 introducida por el editor para llamar directamente a Baidu Map API para obtener la ubicación actual y el destino de navegación directa. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje. Y el editor responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!