ホームページ > ウェブフロントエンド > jsチュートリアル > Baidu 地図 API を使用して、address_javascript スキルに基づいて経度と緯度をクエリする

Baidu 地図 API を使用して、address_javascript スキルに基づいて経度と緯度をクエリする

WBOY
リリース: 2016-05-16 16:27:40
オリジナル
1767 人が閲覧しました

コードをコピーします コードは次のとおりです:

http://www.w3.org/1999/xhtml">
<頭>
住所に基づいて緯度と経度をクエリ



問い合わせる住所:
クエリ結果 (緯度と経度):

style="位置: 絶対;
margin-top:30px; 幅: 730px; 高さ: 590ピクセル
トップ: 50; 境界線: 1 ピクセルの単色グレー;
オーバーフロー:非表示;">
                                                                                       


<スクリプトタイプ="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 と呼んでください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート