Matukio ya Harakati za Google

Suliza kwa kawaida kama unafungua kiweko

Tunatumiwa mapya ya barani ya ukuu: Mapya yenye mabara ya London, Uingereza.

Sasa, tunatufanya kusuliza mapya kama unafungua kiweko (tunafungua kifungu cha habari kwenye kiweko kusuliza mapya).

Hii ni kikodi kinachotumiwa:

Mfano

// Kusuliza hadi 9 kama unafungua kiweko
google.maps.event.addListener(marker,'click',function() {
  map.setZoom(9);
  map.setCenter(marker.getPosition());
});

Tunatumia kwa addListener() kama kifungu cha habari. Hii inadai thamani:

  • Mwongozo
  • Matokeo ya habari ambao tunafanana kwenye uwanafikie
  • Fungu ambao hufanyishwa kama uwanafikie kwa kiadili kwa kawaida

Suliza kwa kawaida hadi kiweko

Hapa, tunahifadhiwa mabadiliko ya ukubwa wa mapya na kusuliza mapya baada ya 3 sekunde:

Mfano

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);
});

Fungua kina ya habari kama unafungua kiweko

Fungua kina ya habari ya ujumbe kama unafungua kiweko:

Mfano

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

Inashambulia kiweko na kufungua kina ya habari kwa kila kiweko

Inafanyishwa fungu kama uwanafikie katika mapya.

placeMarker() fungu hujazwa kwenye ukadifu wa kiweko ambao kinahusiana na ukadifu wa kina, na inadharisha ujumbe wa ukadifu wa ukiaji:

Mfano

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: 'Ukiaji wa: ' + location.lat() +
    '<br>Ukiaji wa: ' + location.lng()
  });
  infowindow.open(map,marker);
}