Xarita hodisalari
Markerni bosib masshtabni kattalashtirish
Biz hali ham oldingi sahifadagi xaritadan foydalanamiz: markazi London (Angliya) bo‘lgan xarita.
Endi foydalanuvchi markerni bosganda xarita masshtabini kattalashtirmoqchimiz (markerga hodisa ishlovchisini biriktiramiz, u bosilganda xaritani kattalashtiradi).
Mana qo‘shilgan kod:
Misol
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
Hodisa xabarnomalariga addListener() hodisa ishlovchisi yordamida ro‘yxatdan o‘tamiz. Bu metod obyektni, tinglanadigan hodisani va ko‘rsatilgan hodisa yuz berganda chaqiriladigan funksiyani qabul qiladi.
Xaritani markerga qaytarib surish
Bu yerda masshtab o‘zgarishlarini saqlaymiz va 3 soniyadan so‘ng xaritani ortga, markerga qaytarib suramiz:
Misol
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);
});
Markerni bosganda InfoWindow’ni ochish
Matnli infowindow’ni ko‘rsatish uchun markerni bosing:
Misol
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
Markerlarni joylashtirish va har bir marker uchun InfoWindow ochish
Foydalanuvchi xaritani bosganda funksiyani ishga tushiring.
placeMarker() funksiyasi foydalanuvchi bosgan joyga marker qo‘yadi va marker kengligi hamda uzunligi ko‘rsatilgan infowindow’ni chiqaradi:
Misol
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() +
'<br>Longitude: ' + location.lng()
});
infowindow.open(map,marker);
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!