Google Map jQuery - マウスクリックによるLatLngの取得

Question

私は現在、their jQuery clientでGoogle Maps v3 APIを使用しています。私はマップ上でマウスをクリックして緯度と経度を取得し、それらを文字列に連結し、その文字列をページの入力フィールドに追加しようとしています。 jQueryの新機能で、私は完全に失われています。誰かが私を正しい方向に向けることができますか？次のように自分のページにGoogleマップを初期化する私のコードは次のとおりです。

$(document).ready(function() { 
    var yourStartLatLng = new google.maps.LatLng(53.307697, -6.222317); 
    $('#map-canvas').gmap({'center': yourStartLatLng, zoom: 15}); 
}); 

Answer 1

$(document).ready(function() { 
    var yourStartLatLng = new google.maps.LatLng(53.307697, -6.222317); 
    $('#map_canvas').gmap({'center': yourStartLatLng, zoom: 15}) 
    .bind('init', function(event, map) { 
     $(map).click(function(event) { 
      var lat=event.latLng.lat(); 
      var lng=event.latLng.lng(); 
      $('#latlng').val(lat+', '+lng); // 'latlng' is the id of the input 
     }); 
    }); 
}); 

DEMO.