Google地圖jQuery - 通過鼠標點擊獲取LatLng

Question

我目前正在使用Google Maps v3 API和their jQuery client。我試圖通過在地圖上單擊鼠標來獲取緯度和經度，將它們連接到一個字符串並將該字符串添加到頁面上的輸入字段。對於jQuery來說很新，我完全迷失了。任何人都可以將我指向正確的方向嗎？我的代碼初始化谷歌地圖我的網頁上是如下：

$(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.