Google Map jQuery - obtener LatLng desde el clic del mouse

Question

Actualmente estoy usando Google Maps v3 API con their jQuery client. Estoy tratando de obtener la latitud y la longitud de un clic del mouse en el mapa, concatenarlas a una cadena y agregar la cadena a un campo de entrada en la página. Siendo bastante nuevo en jQuery, estoy completamente perdido. ¿Alguien puede señalarme en la dirección correcta? Mi código que inicializa el mapa de Google en mi página es la siguiente:

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