ユーザーの特定の場所を取得する Baidu Map API アプリケーション_PHP チュートリアル

WBOY
リリース: 2016-07-13 10:28:36
オリジナル
1033 人が閲覧しました

機能について: ユーザーは地図上の位置をクリックして地図上に点を描画し、取得した地理的位置を地図上の住所列に保存します。

ユーザーの特定の場所を取得する Baidu Map API アプリケーション_PHP チュートリアル

主に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.comtru​​ehttp://www.bkjia.com/PHPjc/781413.html技術記事機能概要: 地図上の位置をクリックして地図上に点を描画し、取得した地理的位置を地図上の住所欄に保存します。 主に…
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート