javascript - 緯度、経度グラバー

Question

私がやりたいのは、誰かが地図オブジェクトをクリックすると、クリックするたびに 2 つのフィールドが緯度と経度で埋められるアプリを作成することです。そのようなことをする Google Maps V3 JavaScript API (Geocoding API) のサンプル コードはどこかにありますか?

Answer 1

これは、google.maps.event のLatLng プロパティで実現できます。

このようなものは、それがどのように機能するかを示します。JSFiddle デモは次のとおりです。

google.maps.event.addListener(map, 'click', function(event){
       alert('Lat: ' + event.latLng.lat() + ' Lng: ' + event.latLng.lng());
});

map は Google マップ オブジェクトです。はい、例はV2だと思います。クリック時にマーカーを作成したい場合は、クリックコールバック関数内で簡単に作成できます。

Answer 2

これは、私が長い間使用しており、サイトで公開したバージョン 2 の完全なコードです。

http://vikku.info/programming/google-maps-v2/get-lattitude-longitude-onmouseover-and-onmouseclick-google-map-v2.htm

ブラウザから [ソース コードを表示] をクリックし、内容をコピーして保存するだけです。それは完全に機能します。唯一のことは、マップの API キーを変更する必要があることです。

Googleマップバージョン3のコードは次のとおりです

http://vikku.info/programming/google-maps-v3/get-lattitude-longitude-onclick-and-onmouseover-google-map-v3.htm

Answer 3

関数 onload()
{
 var map= new google.maps.Map(document.getElementById('map'), {
中央: 新しい google.maps.LatLng(37.4419, -122.1419),
ズーム: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true
});
google.maps.event.addListener(地図、「クリック」、関数(イベント){
       alert('Lat: ' + event.latLng.lat() + ' および経度は: ' + event.latLng.lng());

}

コードを読み込んだ後、このコードを記述して固定点の緯度と経度を取得できます。してみてください

Answer 4

var map = [google map];

google.maps.event.addListener(map, 'click', function (mouseEvent) {
    alert(mouseEvent.latLng.toUrlValue());
});