گولوگ ماپ ایونٹ

ਮਾਰਕਰ ਨੂੰ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਜਾਇਜ਼ਾਬੰਦੀ ਕਰੋ

ਅਸੀਂ ਹੁਣ ਪਹਿਲੇ ਪੰਨੇ ਦੇ ਨਕਸ਼ੇ ਨੂੰ ਵਰਤ ਰਹੇ ਹਾਂ: ਬ੍ਰਿਟੇਨ ਦੇ ਲੰਡਨ ਦੇ ਕੇਂਦਰ ਵਿੱਚ ਇੱਕ ਨਕਸ਼ਾ。

ਹੁਣ ਅਸੀਂ ਯੂਜ਼ਰ ਨੇ ਮਾਰਕਰ ਨੂੰ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਜਾਇਜ਼ਾਬੰਦੀ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ (ਅਸੀਂ ਮਾਰਕਰ 'ਤੇ ਇੱਕ ਇਵੈਂਟ ਹੈਂਡਲਰ ਜੋਡਦੇ ਹਾਂ ਤਾਂ ਕਿ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਨਕਸ਼ੇ ਨੂੰ ਜਾਇਜ਼ਾਬੰਦੀ ਕਰੇ)。

ਇਹ ਜੋ ਕੋਡ ਜੋੜਿਆ ਗਿਆ ਹੈ:

ਇੱਕ ਉਦਾਹਰਣ

// ਮਾਰਕਰ ਨੂੰ ਕਲਿੱਕ ਕਰਨ 'ਤੇ 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);
}