Baidu 地図 API を使用して、address_javascript スキルに基づいて経度と緯度をクエリする
javascript
百度地図API
コードをコピーします コードは次のとおりです:
http://www.w3.org/1999/xhtml">
<頭>
http://api.map.baidu.com/api?v=1.3">>
問い合わせる住所:
クエリ結果 (緯度と経度):
style="位置: 絶対;
margin-top:30px; 幅: 730px; 高さ: 590ピクセル
トップ: 50; 境界線: 1 ピクセルの単色グレー;
オーバーフロー:非表示;">
クエリ結果 (緯度と経度):
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(キーワード);
}