Карта Google - з набором управління за замовчуванням:
Google Maps - Елементи управління за замовчуванням
При показі стандартної карти Google, вона поставляється з набором управління за замовчуванням:
- Масштаб - відображає повзунок або "+/-" кнопки для управління рівнем масштабування карти
- Pan - відображає пан управління для прокрутки карти
- MapType - дозволяє тумблер користувача між типами карт (roadmap and satellite)
- Street View - відображає значок чоловічка, який можна перетягнути на карту, щоб дозволити Street View
Google Maps - Додаткові елементи керування
На додаток до управління за замовчуванням, Google Maps також має:
Google Maps - Відключення управління за замовчуванням
Замість цього ви хочете, щоб відключити управління за замовчуванням.
Для цього, встановіть властивість disableDefaultUI карти (в межах об'єкта опції Карта) істина:
Google Maps - Додайте всі елементи управління
Деякі елементи керування відображаються на карті за замовчуванням; в той час як інші не будуть з'являтися, якщо ви встановите їх.
Додавання або видалення елементів управління з карти вказано в карті Об'єкт параметрів.
Встановіть управління істинним, щоб зробити його видимим - Встановіть регулятор брехня, щоб приховати його.
У наступному прикладі виходить "on" всіх елементів управління:
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
Google Maps - Зміна елементів управління
Деякі з елементів управління карти налаштовуються.
Елементи управління можуть бути змінені за допомогою вказівки опцій управління полів.
Наприклад, варіанти модифікації управління масштабуванням вказані в поле ZoomControlOptions. Поле ZoomControlOptions може містити:
- google.maps.ZoomControlStyle.SMALL - відображає контроль міні-масштабування (тільки кнопки + і -)
- google.maps.ZoomControlStyle.LARGE - показує стандартний повзунок масштабування
- google.maps.ZoomControlStyle.DEFAULT - вибирає найкращий контроль над масштабуванням в залежності від пристрою й обсягу карти
Note: При зміні елемента управління, завжди дозволяють управляти першим (set it to true).
Інший настроюється контроль є контроль MapType.
Варіанти модифікації контролю вказані в поле MapTypeControlOptions. Поле MapTypeControlOptions може містити.
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - дисплей одна кнопка для кожного типу карти
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - вибрати тип карти за допомогою меню, що випадає
- google.maps.MapTypeControlStyle.DEFAULT - відображає "default" по (depends on screen size) "default" поведінку (depends on screen size) в (depends on screen size)
Також можна помістити елемент управління, з властивістю ControlPosition:
mapTypeControl: true,
mapTypeControlOptions: style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
>
Google Maps - призначені для користувача елементи управління
Створіть для користувача елемент управління. який завжди приймає вас назад в Лондон, при натисканні (if the map is dragged).
controlDiv.style.padding = '5px';
var controlUI = document.createElement ( 'div');
controlUI.style.backgroundColor = 'yellow';
controlUI.style.border = '1px solid';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Set map to London';
controlDiv.appendChild (controlUI);
var controlText = document.createElement ( 'div');
controlText.style.fontFamily = 'Arial, sans-serif';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = 'Home'
controlUI.appendChild (controlText);