http://www.w3.org/1999/xhtml">
<頭>
住所に基づいて緯度と経度をクエリ
http://api.map.baidu.com/api?v=1.3">>
<スクリプトタイプ="text/javascript">
var map = new BMap.Map("コンテナ");
Map.centerAndZoom("徐州", 12);
Map.enableScrollWheelZoom(); // スクロール ホイールのズームインとズームアウトを有効にします。デフォルトでは無効になっています
Map.enableContinuousZoom(); // マップの慣性ドラッグを有効にする (デフォルトでは無効)
Map.addControl(new BMap.NavigationControl()) // デフォルトのズームおよびパン コントロールを追加します
Map.addControl(new BMap.OverviewMapControl()) // デフォルトのサムネイル マップ コントロールを追加します
Map.addControl(new BMap.OverviewMapControl({ isOpen: true, アンカー: BMAP_ANCHOR_BOTTOM_RIGHT })); // 右下隅を開きます
var localSearch = new BMap.LocalSearch(map);
LocalSearch.enableAutoViewport(); //ウィンドウ サイズの自動調整を許可します
関数 searchByStationName() {
Map.clearOverlays();//元の注釈をクリアします
var キーワード = document.getElementById("text_").value;
LocalSearch.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult.getPoi(0);
document.getElementById("result_").value = poi.point.lng "," poi.point.lat;
map.centerAndZoom(poi.point, 13);
var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)) // クエリしたい場所に対応する経度と緯度のマークを作成します
map.addOverlay(marker);
var content = document.getElementById("text_").value "
経度:" poi.point.lng "
緯度:" poi.point.lat;
var infoWindow = new BMap.InfoWindow("
" content "
");
marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });
// marker.setAnimation(BMAP_ANIMATION_BOUNCE) // アニメーションを打ちます
;
});
LocalSearch.search(キーワード);
}
上記はコードの全内容です。友達はプロジェクトで直接使用できます。ありがとうと言う必要はありません。Lei Fengda と呼んでください。