Google Maps установить контроль над

Предыдущее: Google Maps события

Далее: Google Map Типы

Карта Google - набор управления по умолчанию устанавливается:

Google Maps - по умолчанию набор элементов управления устанавливается:

При использовании стандартной карты Google, его настройки по умолчанию являются следующие:

.Zoom- Отображает ползунок для управления уровня масштабирования карты
.PPan- На дисплее карты представляет собой плоскую чашеобразные элементы управления, нажмите на четырех углах поддона карте
.MapType- Позволяет пользователю выбрать между типами карт (дорожной карты и Satallite) переключатель
.StreetView- Появляется как значок человечка, вы можете перетащить его в точку на карте, чтобы открыть Street View

Google Maps - более полный контроль набор

В дополнение к выше набор элементов управления по умолчанию, Google также:

.Scale- Дисплей масштаба карты
.Rotate- Дисплей небольшой окружности иконку, вы можете повернуть карту
.verview Map- вид сверху с точки зрения карты на обширной территории

При создании карты можно указать, какой набор элементов управления отображается с помощью установки опции или позвонив по телефону setOptions () для изменения параметров карты.

Google Maps - выключают набор управления по умолчанию

Вы можете отключить стандартный набор элементов управления.

Чтобы отключить набор управления по умолчанию, установите свойство на карту disableDefaultUI верно:

примеров

disableDefaultUI:true

Попробуйте »

Google Maps - все элементы управления, установленные для открытия

Некоторые элементы управления установить дисплей по умолчанию на карте, в то время как другие не будут, если вы установите их.

Установите регулятор, чтобы сделать его видимым верно - Установите регулятор ложь, чтобы скрыть его.

Следующие примеры открыты все элементы управления:

примеров

panControl:true,
zoomControl:true,
mapTypeControl:true,
scaleControl:true,
streetViewControl:true,
overviewMapControl:true,
rotateControl:true

Попробуйте »

Google Maps - изменяющие набор элементов управления

Некоторые элементы управления карты настраиваются. Изменение контроля установки путем разработки поля параметров управления.

F Например, чтобы изменить параметр управления увеличением определяет ZoomControlOptions. ZoomControlOptions содержит следующие три варианта:

.google.maps.ZoomControlStyle.SMALL- дисплей минимизировать зуммирования
.google.maps.ZoomControlStyle.LARGE- стандартный зум управления слайд-шоу
.google.maps.ZoomControlStyle.DEFAULT- на основе оборудования и размер карты, выбрать наиболее подходящий контроль

примеров

zoomControl : true ,
zoomControlOptions : {
style : google . maps . ZoomControlStyle . SMALL
}

Попробуйте »

Примечание: Если вамнеобходимо изменить элемент управления, первый контроль поворота (установите его так).

Другой контроль управления MapType.

MapType управления может отображаться в одном из следующих вариантов стиля:

google.maps.MapTypeControlStyle.HORIZONTAL_BAR, на горизонтальной панели будет отображаться как набор кнопок управления, как показано на Google Maps.
google.maps.MapTypeControlStyle.DROPDOWN_MENU, для отображения одной кнопки управления, что позволяет выбрать тип карты из выпадающего меню.
google.maps.MapTypeControlStyle.DEFAULT, для отображения поведения "по умолчанию", который зависит от размера экрана и может измениться в будущих версиях API.

примеров

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
}

Попробуйте »

Google Maps - установить пользовательский контроль

Создание пользовательского элемента управления, чтобы вернуться в Лондон для Нажмите кнопку события: (Если карта тащится):

примеров

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 = '<b>Home<b>'
controlUI.appendChild(controlText);

Попробуйте »