Google Maps Controls
Карта Google-с набором элементов управления по умолчанию:
Карты Google-элементы управления по умолчанию
При показе стандартной карты Google она поставляется с набором элементов управления по умолчанию:
- Zoom - Отображение ползунка или "+/-" кнопок для управления уровнем масштабирования карты
- Pan - Отображение элемента управления панорамирования для панорамирования карты
- MapType - позволяет пользователю переключаться между типами карт (дорожная карта и спутник)
- Street View - Отображение значка человечка, который можно перетащить на карту для включения просмотра улиц
Google Maps-дополнительные элементы управления
В дополнение к элементам управления по умолчанию Google Maps также имеет:
- Scale - Отображение элемента масштаба карты
- Rotate - Отображает небольшой круговой значок, который позволяет вращать карты
- Overview Map - Отображение карты обзора миниатюр, отражающей текущее видовое окно карты в более широкой области
Можно указать, какие элементы управления следует отображать при создании карты (внутри MapOptions), или вызвать setOptions (), чтобы изменить параметры карты.
Google Maps - Отключение элементов управления по умолчанию
Вместо этого вы можете отключить элементы управления по умолчанию.
Для этого установите свойство дисабледефаултуи сопоставления (в объекте параметров карты) на 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 - изменение элементов управления
Некоторые элементы управления Map могут настраиваться.
Элементы управления могут быть изменены путем указания полей параметров управления.
Например, параметры для изменения элемента управления масштабированием указываются в поле зумконтролоптионс. Поле зумконтролоптионс может содержать:
- google.maps.ZoomControlStyle.SMALL - Отображает элемент управления мини-масштабирования (только + и - кнопки)
- google.maps.ZoomControlStyle.LARGE - Отображение стандартного элемента управления "ползунок масштаба"
- google.maps.ZoomControlStyle.DEFAULT - Выбор наилучшего элемента управления масштабированием на основе размера устройства и карты
Пример
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Примечание: При изменении элемента управления всегда включайте этот элемент управления (установите для него значение true).
Другим настраиваемым элементом управления является элемент управления MapType.
Параметры для изменения элемента управления задаются в поле маптипеконтролоптионс. Поле маптипеконтролоптионс может содержать:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - отображать одну кнопку для каждого типа карты
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - Выберите тип карты через раскрывающееся меню
- google.maps.MapTypeControlStyle.DEFAULT - отображает поведение "по умолчанию" (зависит от размера экрана)
Пример
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
Можно также разместить элемент управления со свойством контролпоситион:
Пример
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}