메뉴를 커스터마이징하기 위해 위챗에 적용하고 있는데, 메뉴가 바로 이 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> <제목 >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); map.enableScrollWheelZoom(); var myIcon = new BMap.Icon(myicon.png,new BMap.Size(30,30),{ 앵커: 신규 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.addOverlay(mk); //map.panTo(r.point);//지도 중심점을 현재 위치로 이동 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 { 경고('failed'+this . getStatus()); } },{enableHighAccuracy: true}) map.addOverlay(marker); var licontent=<b>Jianlongsen 배드민턴 홀</b><br>; licontent+=<span><strong>주소: </strong>No. 108, Binhe Middle Road, Beijing </strong> 스팬><br>; licontent+=<span><strong>전화:</strong>(010)81556565 / 6969</span><br>; = { 너비: 200, 높이: 80, }; var infoWindow = new BMap.InfoWindow(licontent, opts); marker.openInfoWindow(infoWindow); marker.addEventListener('click',function(){ marker.openInfoWindow(infoWindow) ; }); 요약위 내용은 바이두 지도 API를 직접 호출하여 현재 위치와 직접 내비게이션 목적지를 얻을 수 있도록 에디터가 소개한 HTML5 페이지의 구현 코드입니다. 궁금한 사항이 있으시면 메시지를 남겨주세요. 그러면 편집자가 제때에 답변해 드릴 것입니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!