コードをコピーします コードは次のとおりです: http://www.w3.org/1999/xhtml"> <頭> 住所に基づいて緯度と経度をクエリ </script">http://api.map.baidu.com/api?v=1.3"></script</a>><br> </head><br> <body style="background:#CBE1FF"><br> <div style="width:730px;margin:auto;"> 問い合わせる住所:<input id="text_" type="text" value="徐州古鵬広場" style="margin-right:100px;"/><br> クエリ結果 (緯度と経度): <input id="result_" type="text" /><br> <input type="button" value="query" onclick="searchByStationName();"/><br /> <div id="コンテナ" <br /> style="位置: 絶対;<br /> margin-top:30px; 幅: 730px; 高さ: 590ピクセル<br /> トップ: 50; 境界線: 1 ピクセルの単色グレー;<br /> オーバーフロー:非表示;"><br> </div><br> </body><br> <スクリプトタイプ="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(function (searchResult) {<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(marker);<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> 上記はコードの全内容です。友達はプロジェクトで直接使用できます。ありがとうと言う必要はありません。Lei Fengda と呼んでください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
