Google Map jQuery - ottenere LatLng dal clic del mouse

Question

Attualmente sto utilizzando API v3 di Google Maps con their jQuery client. Sto cercando di ottenere la latitudine e la longitudine da un clic del mouse sulla mappa, concatenandoli a una stringa e aggiungendo la stringa a un campo di input sulla pagina. Essendo abbastanza nuovo per jQuery, sono completamente perso. Qualcuno può indicarmi la giusta direzione? Il mio codice che inizializza la Google Map sulla mia pagina è il seguente:

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