Xarita boshqaruv elementlari
Google Maps - standart boshqaruv elementlari
Standart Google xaritasi ko‘rsatilganda u standart boshqaruv elementlari to‘plami bilan birga keladi:
- Zoom - xaritaning masshtab darajasini boshqarish uchun slayder yoki "+/-" tugmalarini ko‘rsatadi
- Pan - xaritani surish uchun surish boshqaruv elementini ko‘rsatadi
- MapType - foydalanuvchiga xarita turlari (roadmap va satellite) o‘rtasida almashish imkonini beradi
- Street View - Street View’ni yoqish uchun xaritaga sudrab olib borish mumkin bo‘lgan Pegman ikonkasini ko‘rsatadi
Google Maps - qo‘shimcha boshqaruv elementlari
Standart boshqaruv elementlaridan tashqari Google Maps’da quyidagilar ham bor:
- Scale - xarita masshtabi elementini ko‘rsatadi
- Rotate - xaritalarni aylantirish imkonini beruvchi kichik dumaloq ikonkani ko‘rsatadi
- Overview Map - joriy xarita ko‘rinish sohasini (viewport) kengroq hudud ichida aks ettiruvchi kichik umumiy ko‘rinish xaritasini ko‘rsatadi
Qaysi boshqaruv elementlarini ko‘rsatishni xaritani yaratishda (MapOptions ichida) yoki xarita sozlamalarini o‘zgartirish uchun setOptions() ni chaqirib belgilashingiz mumkin.
Google Maps - standart boshqaruv elementlarini o‘chirish
Buning o‘rniga standart boshqaruv elementlarini o‘chirib qo‘yishni xohlashingiz mumkin.
Buning uchun Map’ning disableDefaultUI xususiyatini (Map options obyekti ichida) true ga o‘rnating:
Misol
var mapOptions {disableDefaultUI: true}
Google Maps - barcha boshqaruv elementlarini yoqish
Ba’zi boshqaruv elementlari xaritada standart holatda paydo bo‘ladi, boshqalari esa siz ularni o‘rnatmaguningizcha ko‘rinmaydi.
Xaritaga boshqaruv elementlarini qo‘shish yoki olib tashlash Map options obyektida belgilanadi.
Boshqaruv elementini ko‘rinadigan qilish uchun uni true ga o‘rnating - yashirish uchun esa false ga o‘rnating.
Quyidagi misol barcha boshqaruv elementlarini "yoqadi":
Misol
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google Maps - boshqaruv elementlarini o‘zgartirish
Xaritaning bir nechta boshqaruv elementlarini sozlash mumkin.
Boshqaruv elementlarini ularning sozlamalar (control options) maydonlarini belgilash orqali o‘zgartirish mumkin.
Masalan, Zoom boshqaruv elementini o‘zgartirish sozlamalari zoomControlOptions maydonida belgilanadi. zoomControlOptions maydoni quyidagilarni o‘z ichiga olishi mumkin:
- google.maps.ZoomControlStyle.SMALL - kichik masshtab boshqaruv elementini ko‘rsatadi (faqat + va - tugmalari)
- google.maps.ZoomControlStyle.LARGE - standart masshtab slayderi boshqaruv elementini ko‘rsatadi
- google.maps.ZoomControlStyle.DEFAULT - qurilma va xarita o‘lchamiga qarab eng mos masshtab boshqaruv elementini tanlaydi
Misol
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Eslatma: Agar boshqaruv elementini o‘zgartirsangiz, har doim avval uni yoqing (true ga o‘rnating).
Sozlanadigan yana bir boshqaruv elementi — MapType.
Bu boshqaruv elementini o‘zgartirish sozlamalari mapTypeControlOptions maydonida belgilanadi. mapTypeControlOptions maydoni quyidagilarni o‘z ichiga olishi mumkin:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - har bir xarita turi uchun bittadan tugma ko‘rsatadi
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - xarita turini ochiluvchi menyu orqali tanlash
- google.maps.MapTypeControlStyle.DEFAULT - "standart" xatti-harakatni ko‘rsatadi (ekran o‘lchamiga bog‘liq)
Misol
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
Shuningdek, ControlPosition xususiyati yordamida boshqaruv elementining joylashuvini belgilashingiz mumkin:
Misol
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!