Я применяю его в WeChat для настройки меню. Меню напрямую связано с этой страницей HTML5. После получения текущего местоположения я устанавливаю пункт назначения на странице, чтобы после открытия страницы я сразу перешел на страницу навигации.
Вы можете сэкономить один шаг, сначала отправив информацию о местоположении, затем нажав «ОК» и выйдя из навигации.
<!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 напрямую вызывает API карты Baidu, чтобы получить текущее местоположение и напрямую перейти к месту назначения</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--> <стиль type=text/css> body, html,#allmap {ширина: 100%;высота: 100%;переполнение: скрыто;маржа:0;font-family:Microsoft Yahei;} </style> </head><body > <div id=allmap></div></body> </html> <script type=text/javascript> var map = new BMap.Map(allmap = new); BMap.Point(116.709684,39.89778); map.centerAndZoom(point, 16); map.enableScrollWheelZoom(); var myIcon = новый BMap.Icon(myicon.png,new BMap.Size(30,30), {якорь: новый BMap.Size(10,10) }); маркер = новый BMap.Marker (точка, {значок: myIcon}); map.addOverlay (маркер); var geolocation = новый BMap.Geolocation (); geolocation.getCurrentPosition (функция (r) { if (this.getStatus () = = BMAP_STATUS_SUCCESS) {вар mk = новый BMap.Marker(r.point); map.addOverlay(mk); //map.panTo(r.point);//Переместить центральную точку карты в текущую позицию 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 { alert('failed'+this . getStatus() } }, {enableHighAccuracy: true}) map.addOverlay(marker); var licontent=<b>Бадминтонный зал Цзяньлунсен</b><br>; licontent+=<span><strong>Адрес: </strong>№ 108, Binhe Middle Road, район Тунчжоу, Пекин </strong> span><br>; licontent+=<span><strong>Тел.:</strong>(010)81556565/6969</span><br>; = {ширина: 200, высота: 80, }; var infoWindow = новый BMap.InfoWindow(licontent, opts); маркер.openInfoWindow(infoWindow);marker.addEventListener('click',function(){marker.openInfoWindow(infoWindow) ; }); </скрипт> Подвести итогВышеупомянутый код реализации страницы HTML5, представленный редактором, предназначен для прямого вызова API карты Baidu для получения текущего местоположения и пункта назначения прямой навигации. Надеюсь, это будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение. и редактор ответит вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!