코드 복사 코드는 다음과 같습니다. http://www.w3.org/1999/xhtml"> 주소를 기준으로 위도 및 경도 쿼리 </script">http://api.map.baidu.com/api?v=1.3"></script</a>><br> </머리><br> <body style="배경:#CBE1FF"><br> <div style="width:730px;margin:auto;"> 문의할 주소:<input id="text_" type="text" value="Xuzhou Gupeng Plaza" style="margin-right:100px;"/><br> 쿼리 결과(위도 및 경도): <input id="result_" type="text" /><br> <input type="button" value="query" onclick="searchByStationName();"/><br> <div id="컨테이너" <br /> 스타일="위치: 절대;<br /> | 너비: 730px <br /> 높이: 590px <br /> 상위: 50 <br /> 테두리: 1px 단색 회색;<br /> 오버플로:숨김;"><br> > </div><br> </본문><br> <script type="text/javascript"><br> var map = new BMap.Map("컨테이너");<br> Map.centerAndZoom("서주", 12);<br> Map.enableScrollWheelZoom(); //스크롤 휠을 활성화하여 확대 및 축소합니다. 기본적으로 비활성화되어 있습니다. <br> Map.enableContinuousZoom(); //지도 관성 드래그 활성화, 기본적으로 비활성화됨 <br> Map.addControl(new BMap.NavigationControl()); //기본 확대/축소 및 이동 제어 추가<br> Map.addControl(new BMap.OverviewMapControl()); //기본 썸네일 맵 컨트롤 추가<br> Map.addControl(new BMap.OverviewMapControl({ isOpen: true, 앵커: BMAP_ANCHOR_BOTTOM_RIGHT })) //오른쪽 하단, 열기 <br> var localSearch = new BMap.LocalSearch(map);<br> LocalSearch.enableAutoViewport(); //창 크기 자동 조정 허용<br> 함수 searchByStationName() {<br> Map.clearOverlays();//원래 주석 지우기<br> var 키워드 = document.getElementById("text_").value;<br> LocalSearch.setSearchCompleteCallback(함수 (검색 결과) {<br> var poi = searchResult.getPoi(0);<br> document.getElementById("result_").value = poi.point.lng "," poi.point.lat;<br> map.centerAndZoom(poi.point, 13);<br> var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)) // 쿼리하려는 장소에 해당하는 경도와 위도인 마크를 생성합니다. <br> map.addOverlay(마커);<br> var content = document.getElementById("text_").value "<br/><br/>경도:" poi.point.lng "<br/>위도:" poi.point.lat; <br> var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" content "</p>");<br> marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });<br> // marker.setAnimation(BMAP_ANIMATION_BOUNCE); //애니메이션 박동<br> });<br> LocalSearch.search(키워드);<br> } <br> <br> </div>
