機能について: ユーザーは地図上の位置をクリックして地図上に点を描画し、取得した地理的位置を地図上の住所列に保存します。
主にBaidu Map APIの使用
コードをコピーします コードは次のとおりです:
var map = new BMap.Map("allmap") //マップオブジェクトをインスタンス化します
var point = new BMap.Point(116.331398,39.897445); ; // マップの中心の位置を設定します
map.centerAndZoom(point,12) // マップ要素のビジュアルレイヤーを設定します
map.enableScrollWheelZoom(); // スクロールホイールを有効化およびズームアウトします。デフォルトでは無効
map.enableContinuousZoom(); // マップの慣性ドラッグを有効にする、デフォルトでは無効
function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
}
var myCity = new BMap.LocalCity();
myCity.get (myFun);
i=0
//クリックして座標を取得
map.addEventListener("click",function(e){
if(i == = 0)
{
//緯度と経度を保存
lng = e .point.lng;
lat = e.point.lat;
//地図上に点を描画します
var marker = new BMap.Marker(new BMap.Point(lng,lat)); //マーカーを作成します
map.addOverlay (marker);
Marker.enableDragging(); // ドラッグ可能
var gc = new BMap.Geocoder();
//住所のデータアドレスを取得します
var pt = e.point;
gc.getLocation(pt , function(rs){
var addComp = rs.addressComponents;
address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
var label = new BMap.Label (address,{offset:new BMap.Size(20,-10)});
Marker.setLabel(label);
});
i=1;
}
});
上記のコードは基本的に、Baidu が提供する DOME をいくつか簡単に組み合わせたものです。 。 恥ずかしい
http://www.bkjia.com/PHPjc/781413.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/781413.html技術記事機能概要: 地図上の位置をクリックして地図上に点を描画し、取得した地理的位置を地図上の住所欄に保存します。 主に…