Advanced Markers (beta)

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Класс AdvancedMarkerView

google.maps.marker . AdvancedMarkerView Класс google.maps.marker . AdvancedMarkerView

Создает AdvancedMarkerView с указанными параметрами. Если указана карта, AdvancedMarkerView добавляется к карте при построении. Обратите внимание, что положение должно быть установлено для отображения AdvancedMarkerView .

Этот класс реализует AdvancedMarkerViewOptions .

Загрузите с помощью параметра &libraries=marker URL. См. Библиотеки в Maps JavaScript API .

При использовании v=beta к нему можно получить доступ, вызвав const {AdvancedMarkerView} = await google.map.importLibrary("marker") . См. Библиотеки в Maps JavaScript API .

AdvancedMarkerView
AdvancedMarkerView([options])
Параметры:
collisionBehavior
Тип: CollisionBehavior optional
См. AdvancedMarkerViewOptions.collisionBehavior .
content
Тип: Element optional
См. AdvancedMarkerViewOptions.content .
draggable
Тип: boolean optional
См. AdvancedMarkerViewOptions.draggable .
element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
map
Тип: Map optional
См. AdvancedMarkerViewOptions.map .
position
См. AdvancedMarkerViewOptions.position .
title
Тип: string optional
См. AdvancedMarkerViewOptions.title .
zIndex
Тип: number optional
См. AdvancedMarkerViewOptions.zIndex .
addListener
addListener(eventName, handler)
Параметры:
Возвращаемое значение: MapsEventListener
Добавляет данную функцию слушателя к данному имени события.
click
function(event)
Аргументы:
Это событие запускается при щелчке элемента AdvancedMarkerView .
drag
function(event)
Аргументы:
Это событие повторно запускается, пока пользователь перетаскивает AdvancedMarkerView .
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать AdvancedMarkerView .
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать AdvancedMarkerView .

Интерфейс AdvancedMarkerViewOptions

google.maps.marker . AdvancedMarkerViewOptions Интерфейс google.maps.marker . AdvancedMarkerViewOptions

Варианты построения AdvancedMarkerView .

collisionBehavior optional
Тип: CollisionBehavior optional
Перечисление, определяющее поведение AdvancedMarkerView при столкновении с другим AdvancedMarkerView или с метками базовой карты на векторной карте.

Примечание . Коллизия AdvancedMarkerView и AdvancedMarkerView работает как на растровых, так и на векторных картах, однако коллизия AdvancedMarkerView и метки базовой карты работает только на векторных картах.

content optional
Тип: Element optional
По умолчанию: PinView.element
Элемент DOM, поддерживающий визуализацию AdvancedMarkerView .

Примечание . AdvancedMarkerView не клонирует переданный элемент DOM. После передачи элемента DOM в AdvancedMarkerView передача того же элемента DOM в другой AdvancedMarkerView приведет к перемещению элемента DOM и заставит предыдущий AdvancedMarkerView выглядеть пустым.

draggable optional
Тип: boolean optional
По умолчанию: false
Если true , AdvancedMarkerView можно перетаскивать.

Примечание . AdvancedMarkerView с высотой нельзя перетаскивать.

element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
map optional
Тип: Map optional
Карта, на которой будет отображаться AdvancedMarkerView . Карта необходима для отображения AdvancedMarkerView и может быть предоставлена ​​путем установки AdvancedMarkerView.map , если она не указана при построении.
position optional
Устанавливает позицию AdvancedMarkerView . AdvancedMarkerView может быть создан без позиции, но не будет отображаться до тех пор, пока не будет предоставлена ​​его позиция — например, в результате действий или выбора пользователя. Позиция AdvancedMarkerView может быть предоставлена ​​путем установки AdvancedMarkerView.position , если она не указана при построении.

Примечание . AdvancedMarkerView с высотой поддерживается только на векторных картах.

title optional
Тип: string optional
Перевернутый текст. Если он предоставлен, текст специальных возможностей (например, для использования с программами чтения с экрана) будет добавлен в AdvancedMarkerView с предоставленным значением.
zIndex optional
Тип: number optional
Все AdvancedMarkerView отображаются на карте в порядке их zIndex, при этом более высокие значения отображаются перед AdvancedMarkerView с более низкими значениями. По умолчанию AdvancedMarkerView отображаются в соответствии с их вертикальным положением на экране, при этом нижние AdvancedMarkerView отображаются перед AdvancedMarkerView дальше вверх по экрану. Обратите внимание, что zIndex также используется для определения относительного приоритета между CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY расширенными маркерами. Более высокое значение zIndex указывает на более высокий приоритет.

Класс PinView

google.maps.marker . PinView Класс google.maps.marker . PinView

PinView представляет собой элемент DOM, состоящий из фигуры и глифа. Форма имеет тот же стиль всплывающей подсказки, что и в AdvancedMarkerView по умолчанию. Глиф — это необязательный элемент DOM, отображаемый в форме всплывающей подсказки. PinView может иметь другое соотношение сторон в зависимости от его PinView.scale .

Этот класс реализует PinViewOptions .

Загрузите с помощью параметра &libraries=marker URL. См. Библиотеки в Maps JavaScript API .

При использовании v=beta к нему можно получить доступ, вызвав const {PinView} = await google.map.importLibrary("marker") . См. Библиотеки в Maps JavaScript API .

PinView
PinView([options])
Параметры:
background
Тип: string optional
См. PinViewOptions.background .
borderColor
Тип: string optional
См. PinViewOptions.borderColor .
element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
glyph
Тип: string| Element | URL optional
См. PinViewOptions.glyph .
glyphColor
Тип: string optional
См. PinViewOptions.glyphColor .
scale
Тип: number optional
См. PinViewOptions.scale .
addListener
addListener(eventName, handler)
Параметры:
Возвращаемое значение: MapsEventListener
Добавляет данную функцию слушателя к данному имени события.

Интерфейс PinViewOptions

google.maps.marker . PinViewOptions Интерфейс google.maps.marker . PinViewOptions

Варианты создания PinView .

background optional
Тип: string optional
Цвет фона формы булавки. Поддерживает любое значение цвета CSS.
borderColor optional
Тип: string optional
Цвет границы формы булавки. Поддерживает любое значение цвета CSS.
element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
glyph optional
Тип: string| Element | URL optional
Элемент DOM, отображаемый в булавке.
glyphColor optional
Тип: string optional
Цвет глифа. Поддерживает любое значение цвета CSS.
scale optional
Тип: number optional
По умолчанию: 1
Масштаб булавки.
,

Класс AdvancedMarkerView

google.maps.marker . AdvancedMarkerView Класс google.maps.marker . AdvancedMarkerView

Создает AdvancedMarkerView с указанными параметрами. Если указана карта, AdvancedMarkerView добавляется к карте при построении. Обратите внимание, что положение должно быть установлено для отображения AdvancedMarkerView .

Этот класс реализует AdvancedMarkerViewOptions .

Загрузите с помощью параметра &libraries=marker URL. См. Библиотеки в Maps JavaScript API .

При использовании v=beta к нему можно получить доступ, вызвав const {AdvancedMarkerView} = await google.map.importLibrary("marker") . См. Библиотеки в Maps JavaScript API .

AdvancedMarkerView
AdvancedMarkerView([options])
Параметры:
collisionBehavior
Тип: CollisionBehavior optional
См. AdvancedMarkerViewOptions.collisionBehavior .
content
Тип: Element optional
См. AdvancedMarkerViewOptions.content .
draggable
Тип: boolean optional
См. AdvancedMarkerViewOptions.draggable .
element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
map
Тип: Map optional
См. AdvancedMarkerViewOptions.map .
position
См. AdvancedMarkerViewOptions.position .
title
Тип: string optional
См. AdvancedMarkerViewOptions.title .
zIndex
Тип: number optional
См. AdvancedMarkerViewOptions.zIndex .
addListener
addListener(eventName, handler)
Параметры:
Возвращаемое значение: MapsEventListener
Добавляет данную функцию слушателя к данному имени события.
click
function(event)
Аргументы:
Это событие запускается при щелчке элемента AdvancedMarkerView .
drag
function(event)
Аргументы:
Это событие повторно запускается, пока пользователь перетаскивает AdvancedMarkerView .
dragend
function(event)
Аргументы:
Это событие запускается, когда пользователь перестает перетаскивать AdvancedMarkerView .
dragstart
function(event)
Аргументы:
Это событие запускается, когда пользователь начинает перетаскивать AdvancedMarkerView .

Интерфейс AdvancedMarkerViewOptions

google.maps.marker . AdvancedMarkerViewOptions Интерфейс google.maps.marker . AdvancedMarkerViewOptions

Варианты построения AdvancedMarkerView .

collisionBehavior optional
Тип: CollisionBehavior optional
Перечисление, определяющее поведение AdvancedMarkerView при столкновении с другим AdvancedMarkerView или с метками базовой карты на векторной карте.

Примечание . Коллизия AdvancedMarkerView и AdvancedMarkerView работает как на растровых, так и на векторных картах, однако коллизия AdvancedMarkerView и метки базовой карты работает только на векторных картах.

content optional
Тип: Element optional
По умолчанию: PinView.element
Элемент DOM, поддерживающий визуализацию AdvancedMarkerView .

Примечание . AdvancedMarkerView не клонирует переданный элемент DOM. После передачи элемента DOM в AdvancedMarkerView передача того же элемента DOM в другой AdvancedMarkerView приведет к перемещению элемента DOM и заставит предыдущий AdvancedMarkerView выглядеть пустым.

draggable optional
Тип: boolean optional
По умолчанию: false
Если true , AdvancedMarkerView можно перетаскивать.

Примечание . AdvancedMarkerView с высотой нельзя перетаскивать.

element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
map optional
Тип: Map optional
Карта, на которой будет отображаться AdvancedMarkerView . Карта необходима для отображения AdvancedMarkerView и может быть предоставлена ​​путем установки AdvancedMarkerView.map , если она не указана при построении.
position optional
Устанавливает позицию AdvancedMarkerView . AdvancedMarkerView может быть создан без позиции, но не будет отображаться до тех пор, пока не будет предоставлена ​​его позиция — например, в результате действий или выбора пользователя. Позиция AdvancedMarkerView может быть предоставлена ​​путем установки AdvancedMarkerView.position , если она не указана при построении.

Примечание . AdvancedMarkerView с высотой поддерживается только на векторных картах.

title optional
Тип: string optional
Перевернутый текст. Если он предоставлен, текст специальных возможностей (например, для использования с программами чтения с экрана) будет добавлен в AdvancedMarkerView с предоставленным значением.
zIndex optional
Тип: number optional
Все AdvancedMarkerView отображаются на карте в порядке их zIndex, при этом более высокие значения отображаются перед AdvancedMarkerView с более низкими значениями. По умолчанию AdvancedMarkerView отображаются в соответствии с их вертикальным положением на экране, при этом нижние AdvancedMarkerView отображаются перед AdvancedMarkerView дальше вверх по экрану. Обратите внимание, что zIndex также используется для определения относительного приоритета между CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY расширенными маркерами. Более высокое значение zIndex указывает на более высокий приоритет.

Класс PinView

google.maps.marker . PinView Класс google.maps.marker . PinView

PinView представляет собой элемент DOM, состоящий из фигуры и глифа. Форма имеет тот же стиль всплывающей подсказки, что и в AdvancedMarkerView по умолчанию. Глиф — это необязательный элемент DOM, отображаемый в форме всплывающей подсказки. PinView может иметь другое соотношение сторон в зависимости от его PinView.scale .

Этот класс реализует PinViewOptions .

Загрузите с помощью параметра &libraries=marker URL. См. Библиотеки в Maps JavaScript API .

При использовании v=beta к нему можно получить доступ, вызвав const {PinView} = await google.map.importLibrary("marker") . См. Библиотеки в Maps JavaScript API .

PinView
PinView([options])
Параметры:
background
Тип: string optional
См. PinViewOptions.background .
borderColor
Тип: string optional
См. PinViewOptions.borderColor .
element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
glyph
Тип: string| Element | URL optional
См. PinViewOptions.glyph .
glyphColor
Тип: string optional
См. PinViewOptions.glyphColor .
scale
Тип: number optional
См. PinViewOptions.scale .
addListener
addListener(eventName, handler)
Параметры:
Возвращаемое значение: MapsEventListener
Добавляет данную функцию слушателя к данному имени события.

Интерфейс PinViewOptions

google.maps.marker . PinViewOptions Интерфейс google.maps.marker . PinViewOptions

Варианты создания PinView .

background optional
Тип: string optional
Цвет фона формы булавки. Поддерживает любое значение цвета CSS.
borderColor optional
Тип: string optional
Цвет границы формы булавки. Поддерживает любое значение цвета CSS.
element optional
Тип: HTMLElement | SVGElement optional
Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
glyph optional
Тип: string| Element | URL optional
Элемент DOM, отображаемый в булавке.
glyphColor optional
Тип: string optional
Цвет глифа. Поддерживает любое значение цвета CSS.
scale optional
Тип: number optional
По умолчанию: 1
Масштаб булавки.