Google Мапи. Контроль (Керування)
Google Мапи - Керування за замовчуванням
Показуючи стандартну карту Google, вона поставляється з набором керування за замовчуванням:
- Zoom - відображає слайдер або кнопки "+/-" для управління рівнем масштабування мапою
- Pan - відображає pan control для панорамування на карті
- MapType - дозволяє користувачеві перемикатися між типами карт (дорожня карта та супутник)
- Street View - відображає піктограму Пегмана, яку можна перетягнути на карту, щоб увімкнути вигляд вулиці
Google Мапи - Більше контроля (керування)
Крім елементів керування за замовчуванням, Google Мапи також мають::
- Scale - відображає елемент масштабу мапи
- Rotate - відображає невеликий круговий значок, який дозволяє обертати мапи
- Overview Map - відображає мапу огляду мініатюри, що відображає поточний перегляд мапи в більш широкій області
Ви можете вказати, які елементи керування показувати під час створення мапи (всередині MapOptions) або викликом setOptions(), щоб змінити параметри мапи.
Google Мапи - Вимкнення елементів керування за замовчуванням
Натомість ви можете вимкнути елементи керування за замовчуванням.
Для цього встановіть для властивості disableDefaultUI мапи (в об’єкті параметрів мапи) значення true:
Приклад
var mapOptions {disableDefaultUI: true}
Google Мапи - Увімкнути всі елементи керування
Деякі елементи керування відображаються на мапі за умовчанням; тоді як інші не відображатимуться, доки ви їх не встановите.
Додавання або видалення елементів керування з мапи вказується в об’єкті параметрів мапи.
Установіть для елемента керування значення true, щоб зробити його видимим. Встановіть для елемента керування значення false, щоб приховати його.
У наступному прикладі "вмикаються" всі елементи керування:
Приклад
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google Мапи - Зміна елементів керування
Кілька елементів керування мапою можна налаштувати.
Елементи керування можна змінити, вказавши поля параметрів керування.
Наприклад, параметри для зміни елемента керування Zoom вказуються в полі zoomControlOptions. Поле zoomControlOptions може містити:
- google.maps.ZoomControlStyle.SMALL - відображає елемент керування міні-масштабуванням (тільки кнопки + та -)
- google.maps.ZoomControlStyle.LARGE - відображає стандартний повзунок масштабування
- google.maps.ZoomControlStyle.DEFAULT - вибирає найкраще керування масштабуванням на основі пристрою та розміру карти
Приклад
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Примітка: Якщо ви змінюєте елемент керування, завжди спочатку вмикайте його (встановіть значення true).
Іншим настроюваним елементом керування є елемент керування MapType.
Параметри для зміни елемента керування вказуються в полі mapTypeControlOptions. Поле mapTypeControlOptions може містити:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - відображає одну кнопку для кожного типу мапи
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - вибір типу карти за допомогою спадного меню
- google.maps.MapTypeControlStyle.DEFAULT - відображає поведінку "за замовчуванням" (залежить від розміру екрана)
Приклад
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
Ви також можете позиціонувати елемент керування за допомогою властивості ControlPosition:
Приклад
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}
