Google मानचित्र jQuery - माउस से LatLng प्राप्त करना

Question

मैं वर्तमान में their jQuery client के साथ Google मानचित्र v3 API का उपयोग कर रहा हूं। मैं मानचित्र पर माउस क्लिक से अक्षांश और देशांतर प्राप्त करने की कोशिश कर रहा हूं, उन्हें एक स्ट्रिंग में जोड़ता हूं और पृष्ठ पर एक इनपुट फ़ील्ड में स्ट्रिंग जोड़ता हूं। JQuery के लिए काफी नया होने के नाते, मैं पूरी तरह से खो गया हूँ। क्या कोई मुझे सही दिशा दिखा सकता है? मेरे कोड है कि अपने पन्ने पर गूगल मानचित्र initializes इस प्रकार है:

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