गूगल मानचित्र इवेंट

मार्कर पर क्लिक करके जगहीया करना

हम अभी भी पिछले पृष्ठ के मानचित्र को इस्तेमाल करते हैं: ब्रिटेन लंदन के केंद्र में एक मानचित्र.

अब, हम उपयोगकर्ता के मार्कर पर क्लिक करने पर जगहीया करना चाहते हैं (हम एक इवेंट हैंडलर को मार्कर पर जोड़ते हैं, ताकि क्लिक करने पर मानचित्र को जोड़ा जाए).

यह जोड़े गए कोड:

उदाहरण

// मार्कर पर क्लिक करने पर जगहीया 9 तक जोड़ना
google.maps.event.addListener(marker,'click',function() {
  map.setZoom(9);
  map.setCenter(marker.getPosition());
});

हम addListener() इवेंट हैंडलर के माध्यम से इवेंट नोटिफ़िकेशन रजिस्टर करते हैं. इस मथड़ा के द्वारा ग्रेही अर्थ हैं:

• एक वस्तु
• एक अवसर
• एक फ़ंक्शन जो निर्दिष्ट घटना के होने पर बुलाया जाता है

मार्कर के पीछे वापस टाइप करना

यहाँ, हम जगहीया परिवर्तन को सहेजते हैं और 3 सेकंड बाद मानचित्र को टाइप करते हैं:

उदाहरण

google.maps.event.addListener(marker,'click',function() {
  var pos = map.getZoom();
  map.setZoom(9);
  map.setCenter(marker.getPosition());
  window.setTimeout(function() {map.setZoom(pos);},3000);
});

मार्कर पर क्लिक करने पर सूचना विंडो खोलना

मार्कर पर क्लिक करने पर सूचना विंडो दिखाना

उदाहरण

var infowindow = new google.maps.InfoWindow({
  content: "Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});

मार्कर सेट करना और प्रत्येक मार्कर के लिए सूचना विंडो खोलना

उपयोगकर्ता ने मानचित्र पर क्लिक करने पर फ़ंक्शन चलाता है。

placeMarker() फ़ंक्शन उपयोगकर्ता के क्लिक करने के स्थान पर एक चिह्न लगाता है और उस चिह्न के अक्षांश और देशांतर को शामिल करने वाली एक सूचना विंडो दिखाता है:

उदाहरण

google.maps.event.addListener(map, 'click', function(event) {
  placeMarker(map, event.latLng);
});
function placeMarker(map, location) {
  var marker = new google.maps.Marker({
    position: location,
    map: map
  });
  var infowindow = new google.maps.InfoWindow({
    content: 'Latitude: ' + location.lat() +
    Longitude: ' + location.lng()
  });
  infowindow.open(map,marker);
}