Google Map jQuery - LatLng von Mausklick erhalten

Question

Ich verwende derzeit Google Maps v3 API mit their jQuery client. Ich versuche, die Breite und Länge von einem Mausklick auf die Karte zu erhalten, verketten sie zu einer Zeichenkette und füge die Zeichenkette einem Eingabefeld auf der Seite hinzu. Da ich neu bei jQuery bin, bin ich völlig verloren. Kann mir jemand in die richtige Richtung zeigen? Mein Code, der die Google Map auf meiner Seite initialisiert ist wie folgt:

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