Googleマップでマーカーを配置してLon/Lat値を取得する

Question

私は単純なWebアプリケーションを作成しようとしています。そこでは、ユーザーがGoogle Mapsにマーカーを置いて、どこでも好きな場所にマーカーを置くことができます。フォーム上のシンプルなテキストエリア）。 lan/lon値とテキストメッセージをデータベースに保存しますが、マーカーを配置してlan/lon値を取得する方法はわかりません。 jQueryを使ってマーカーを配置し、その座標を取得したいと考えています。

私はいくつかの例を見ましたが、私はJavaScriptの部分を書くことができませんでした。これを行うjQueryプラグインはありますか、これをjQueryで記述することは可能ですか？

ありがとうございました。

編集：この質問を書く前に検索を使用しましたが、StackOverflowで回答が見つかりませんでした。質問を送った後、私はGoogleで検索していましたが、これはHow do you click on a map and have latitude and longitude fields in a form populated?でした。私はこれが私が探していたものに対する正確な答えだと思います。

Answer 1

私はjQueryプラグインにgoogle maps v3 api（たくさんのラッピングが必要ではない）をラップしました。ここでは/使用をダウンロードする方法のポストです：

http://blog.bobcravens.com/2010/06/a-google-maps-version-3-jquery-plugin/

ここでデモページです：

http://bobcravens.com/demos/GoogleMaps3/

・ホープ、このことができます。あなたに質問がある場合はお知らせください。

ボブ

Answer 2

があなたのためにそれを行うための任意のjQueryプラグインですが、Google MapsのAPIが十分に立証されている場合まあ、私は知らない： http://code.google.com/intl/en/apis/maps/documentation/javascript/basics.html

あなたがマップするときにマーカーを追加したい場合その上にユーザーのクリック、リスナーを使用します。

google.maps.event.addListener(map, 'click', function(event) { 
       marker = new google.maps.Marker({ 
         position: event.latLng, 
         map: map, 
         draggable: true, 
         title: title 
         }); 
       marker.setMap(map); 
      }); 

ここCOORDSは、（ユーザーが地図上をクリックしなかった）イベントの性質によって使用可能であり、これはイベント自体

から来ています

click(overlay:GOverlay, latlng:GLatLng, overlaylatlng:GLatLng) 

この緯度経度タイプGLatLngのオブジェクトhttp://code.google.com/intl/en/apis/maps/documentation/javascript/v2/reference.html#GLatLng

とGLatLngクラスは、緯度と長い実際の値を取得する方法を有しています。

var LAT = event.latLng.lat(); 
var LNG = event.latLng.lng(); 

すべてこれは冒頭で圧倒的少し見えるが、それぞれのケースで使用可能なオブジェクト、イベント、メソッド、プロパティのタイプを知るそのわずかなものすることができます。

JavaScriptについての基本知識がある場合は、うまくいくはずです。プラグインを使用する必要はありません。@rcravensは大量のラッピングを必要としないと述べています。