Advanced Markers

Класс AdvancedMarkerElement

google.maps.marker . AdvancedMarkerElement

Показывает положение на карте. Обратите внимание, что для отображения AdvancedMarkerElement position должно быть задано.

Пользовательский элемент:
<gmp-advanced-marker gmp-clickable position="lat,lng" title="string"></gmp-advanced-marker>

Этот класс расширяет HTMLElement .

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

Доступ осуществляется путем вызова const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") .
См. Библиотеки в Maps JavaScript API .

Характеристики
collisionBehavior	Тип: CollisionBehavior optional См. AdvancedMarkerElementOptions.collisionBehavior .
gmpClickable	Тип: boolean optional Видеть AdvancedMarkerElementOptions.gmpClickable . HTML-атрибут: <gmp-advanced-marker gmp-clickable></gmp-advanced-marker>
gmpDraggable	Тип: boolean optional См. AdvancedMarkerElementOptions.gmpDraggable .
map	Тип: Map optional См. AdvancedMarkerElementOptions.map .
position	Тип: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional См. AdvancedMarkerElementOptions.position . HTML-атрибут: <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker> <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title	Тип: string См. AdvancedMarkerElementOptions.title . HTML-атрибут: <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex	Тип: number optional См. AdvancedMarkerElementOptions.zIndex .
element	Тип: HTMLElement Это поле доступно только для чтения. Элемент DOM, поддерживающий представление.
content	Тип: Node optional См. AdvancedMarkerElementOptions.content .

События
click	function(event) Аргументы: event : MapMouseEvent Это событие вызывается при щелчке по элементу AdvancedMarkerElement . Недоступно с addEventListener() (вместо этого используйте gmp-click ).
drag	function(event) Аргументы: event : MapMouseEvent Это событие многократно запускается, пока пользователь перетаскивает AdvancedMarkerElement . Недоступно с addEventListener() .
dragend	function(event) Аргументы: event : MapMouseEvent Это событие срабатывает, когда пользователь прекращает перетаскивание AdvancedMarkerElement . Недоступно с addEventListener() .
dragstart	function(event) Аргументы: event : MapMouseEvent Это событие вызывается, когда пользователь начинает перетаскивать AdvancedMarkerElement . Недоступно с addEventListener() .
gmp-click	function(event) Аргументы: event : AdvancedMarkerClickEvent Это событие срабатывает при щелчке по элементу AdvancedMarkerElement . Лучше всего использовать с addEventListener() (вместо addListener() ).

Интерфейс AdvancedMarkerElementOptions

google.maps.marker . AdvancedMarkerElementOptions

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

Характеристики
collisionBehavior optional	Тип: CollisionBehavior optional Перечисление, указывающее, как должен вести себя AdvancedMarkerElement при столкновении с другим AdvancedMarkerElement или с метками базовой карты на векторной карте. Примечание : столкновение AdvancedMarkerElement с AdvancedMarkerElement работает как на растровых, так и на векторных картах, однако столкновение AdvancedMarkerElement с меткой базовой карты работает только на векторных картах.
content optional	Тип: Node optional По умолчанию: PinElement.element Элемент DOM, поддерживающий визуальный элемент AdvancedMarkerElement . Примечание : AdvancedMarkerElement не клонирует переданный DOM-элемент. После передачи DOM-элемента в AdvancedMarkerElement передача того же DOM-элемента в другой AdvancedMarkerElement приведёт к перемещению DOM-элемента и к тому, что предыдущий AdvancedMarkerElement станет выглядеть пустым.
gmpClickable optional	Тип: boolean optional По умолчанию: false Если true , элемент AdvancedMarkerElement можно будет щелкать, он вызовет событие gmp-click и будет интерактивным для обеспечения доступности (например, позволит навигацию с помощью клавиатуры с помощью клавиш со стрелками).
gmpDraggable optional	Тип: boolean optional По умолчанию: false Если true , AdvancedMarkerElement можно перетаскивать. Примечание : AdvancedMarkerElement с указанием высоты перетаскивать нельзя.
map optional	Тип: Map optional Карта, на которой будет отображаться AdvancedMarkerElement . Карта необходима для отображения AdvancedMarkerElement и может быть предоставлена ​​путем установки AdvancedMarkerElement.map , если она не указана при построении.
position optional	Тип: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional Задаёт позицию элемента AdvancedMarkerElement . Элемент AdvancedMarkerElement может быть создан без позиции, но не будет отображаться, пока её не укажет пользователь, например, в результате действий или выбора. Позицию элемента AdvancedMarkerElement можно задать, установив свойство AdvancedMarkerElement.position , если оно не было задано при создании. Примечание : AdvancedMarkerElement с высотой поддерживается только на векторных картах.
title optional	Тип: string optional Текст, отображаемый при наведении курсора. Если он указан, текст для специальных возможностей (например, для использования программами чтения с экрана) будет добавлен в элемент AdvancedMarkerElement с указанным значением.
zIndex optional	Тип: number optional Все элементы AdvancedMarkerElement отображаются на карте в порядке их zIndex: элементы с более высокими значениями отображаются перед элементами AdvancedMarkerElement с более низкими. По умолчанию элементы AdvancedMarkerElement отображаются в соответствии с их вертикальным положением на экране: элементы AdvancedMarkerElement с более низкими значениями отображаются перед элементами AdvancedMarkerElement , расположенными выше по экрану. Обратите внимание, что zIndex также используется для определения относительного приоритета расширенных маркеров CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY . Чем больше значение zIndex , тем выше приоритет.

Класс AdvancedMarkerClickEvent

google.maps.marker . AdvancedMarkerClickEvent

Это событие создаётся при нажатии на расширенный маркер. Чтобы узнать положение маркера, используйте event.target.position .

Этот класс расширяет Event .

Доступ осуществляется путем вызова const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") .
См. Библиотеки в Maps JavaScript API .

Класс PinElement

google.maps.marker . PinElement

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

Примечание: использование в качестве веб-компонента (например, использование в качестве подкласса HTMLElement или через HTML) пока не поддерживается.

Этот класс расширяет HTMLElement .

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

Доступ осуществляется путем вызова const {PinElement} = await google.maps.importLibrary("marker") .
См. Библиотеки в Maps JavaScript API .

Методы
addEventListener	addEventListener(type, listener[, options]) Параметры: type : string listener : EventListener | EventListenerObject options : boolean| AddEventListenerOptions optional Возвращаемое значение: void Эта функция пока недоступна для использования.
removeEventListener	removeEventListener(type, listener[, options]) Параметры: type : string Строка, указывающая тип события, для которого следует удалить прослушиватель событий. listener : EventListener | EventListenerObject Прослушиватель событий обработчика событий, который необходимо удалить из цели события. options : boolean| EventListenerOptions optional См. options . Возвращаемое значение: void Удаляет прослушиватель событий, ранее зарегистрированный с помощью addEventListener, из целевого объекта. См. removeEventListener .

Интерфейс PinElementOptions

google.maps.marker . PinElementOptions

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