Draw on the map

Класс Marker3DElement

google.maps.maps3d.Marker3DElement класс

Показывает местоположение на 3D-карте. Обратите внимание, что для показа Marker3DElement необходимо задать position.

Специальный элемент:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" position="lat,lng" size-preserved z-index="number"></gmp-marker-3d>

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

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

Чтобы получить доступ, позвоните по номеру const {Marker3DElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Marker3DElement
Marker3DElement([options])
Параметры: 
Создает объект Marker3DElement с указанными параметрами.
altitudeMode
Тип:  AltitudeMode optional
По умолчанию: AltitudeMode.CLAMP_TO_GROUND.
Определяет, как интерпретируется высота.
HTML-атрибут:
  • <gmp-marker-3d altitude-mode="absolute"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="clamp-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-mesh"></gmp-marker-3d>
collisionBehavior
Тип:  CollisionBehavior optional
По умолчанию: CollisionBehavior.REQUIRED.
Перечисление, указывающее, как должен вести себя элемент Marker3DElement, когда он сталкивается с другим элементом Marker3DElement или с метками базовой карты.
HTML-атрибут:
  • <gmp-marker-3d collision-behavior="required"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="required-and-hides-optional"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="optional-and-hides-lower-priority"></gmp-marker-3d>
drawsWhenOccluded
Тип:  boolean optional
По умолчанию: false.
Указывает, нужно ли рисовать маркер, если он перекрыт. Маркер может быть скрыт геометрическими объектами карты (например, зданиями).
HTML-атрибут:
  • <gmp-marker-3d draws-when-occluded></gmp-marker-3d>
extruded
Тип:  boolean optional
По умолчанию: false.
Указывает, нужно ли соединить маркер с землей. Чтобы вытянуть маркер, для altitudeMode нужно задать значение RELATIVE_TO_GROUND или ABSOLUTE.
HTML-атрибут:
  • <gmp-marker-3d extruded></gmp-marker-3d>
label
Тип:  string optional
Текст, который будет показываться рядом с маркером.
HTML-атрибут:
  • <gmp-marker-3d label="string"></gmp-marker-3d>
position
Местоположение кончика маркера. В некоторых режимах высота игнорируется, поэтому указывать ее необязательно.
HTML-атрибут:
  • <gmp-marker-3d position="lat,lng"></gmp-marker-3d>
  • <gmp-marker-3d position="lat,lng,altitude"></gmp-marker-3d>
sizePreserved
Тип:  boolean optional
По умолчанию: false.
Указывает, должен ли маркер сохранять свой размер независимо от расстояния до камеры. По умолчанию размер маркера зависит от расстояния до камеры и угла наклона.
HTML-атрибут:
  • <gmp-marker-3d size-preserved></gmp-marker-3d>
zIndex
Тип:  number optional
zIndex по сравнению с другими маркерами.
HTML-атрибут:
  • <gmp-marker-3d z-index="number"></gmp-marker-3d>
default
Любые пользовательские элементы, добавленные непосредственно в Marker3DElement, будут размещены, однако для рисования маркеров будут использоваться только элементы типов HTMLImageElement, SVGElement и PinElement, другие элементы будут игнорироваться.
HTMLImageElement и SVGElement должны быть заключены в элемент <template>, прежде чем их можно будет назначить в слот по умолчанию для Marker3DElement.

Изображения и SVG-файлы перед отрисовкой в 3D-сцене растрируются, поэтому пользовательский HTML-код, встроенный в SVG, или классы CSS, добавленные к изображениям, не будут применяться и могут не отражаться при показе маркеров на экране.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…

Интерфейс Marker3DElementOptions

google.maps.maps3d.Marker3DElementOptions интерфейс

Объект Marker3DElementOptions, используемый для определения свойств, которые можно задать для Marker3DElement.
altitudeMode optional
Тип:  AltitudeMode optional
Посмотрите Marker3DElement.altitudeMode.
collisionBehavior optional
Тип:  CollisionBehavior optional
Посмотрите Marker3DElement.collisionBehavior.
drawsWhenOccluded optional
Тип:  boolean optional
Посмотрите Marker3DElement.drawsWhenOccluded.
extruded optional
Тип:  boolean optional
Посмотрите Marker3DElement.extruded.
label optional
Тип:  string optional
Посмотрите Marker3DElement.label.
position optional
Посмотрите Marker3DElement.position.
sizePreserved optional
Тип:  boolean optional
Посмотрите Marker3DElement.sizePreserved.
zIndex optional
Тип:  number optional
Посмотрите Marker3DElement.zIndex.

Класс Marker3DInteractiveElement

google.maps.maps3d.Marker3DInteractiveElement класс

Показывает местоположение на 3D-карте. Обратите внимание, что для показа Marker3DInteractiveElement необходимо задать position. В отличие от Marker3DElement, Marker3DInteractiveElement получает событие gmp-click.

Специальный элемент:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>

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

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

Чтобы получить доступ, позвоните по номеру const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
Параметры: 
Создает объект Marker3DInteractiveElement с указанными параметрами.
gmpPopoverTargetElement
Тип:  PopoverElement optional
Если задать этот параметр, всплывающий элемент будет открываться при нажатии на маркер.
HTML-атрибут:
  • <gmp-marker-3d-interactive gmp-popover-target="popover-id"></gmp-marker-3d-interactive>
title
Тип:  string
текст, выводимый при наведении курсора на элемент. Если указан текст специальных возможностей (например, для программ чтения с экрана), он будет добавлен в Marker3DInteractiveElement с указанным значением.
HTML-атрибут:
  • <gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>
Унаследованные: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex.
default
Любые пользовательские элементы, добавленные непосредственно в Marker3DInteractiveElement, будут размещены, однако для рисования маркеров будут использоваться только элементы типа PinElement, другие элементы будут игнорироваться.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…
gmp-click
function(clickEvent)
Аргументы: 
Это событие активируется при нажатии на элемент Marker3DInteractiveElement.

Интерфейс Marker3DInteractiveElementOptions

google.maps.maps3d.Marker3DInteractiveElementOptions интерфейс

Объект Marker3DInteractiveElementOptions, используемый для определения свойств, которые можно задать для Marker3DInteractiveElement.

Этот интерфейс расширяет Marker3DElementOptions.

gmpPopoverTargetElement optional
Тип:  PopoverElement optional
Посмотрите Marker3DInteractiveElement.gmpPopoverTargetElement.
title optional
Тип:  string optional
Посмотрите Marker3DInteractiveElement.title.
Унаследованные: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex.

Класс Model3DElement

google.maps.maps3d.Model3DElement класс

3D-модель, которая позволяет отрисовывать модели gLTF. Обратите внимание, что для показа Model3DElement необходимо задать position и src.

Должны поддерживаться основные свойства gLTF PBR. Расширения и их свойства в настоящее время не поддерживаются.

Специальный элемент:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>

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

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

Чтобы получить доступ, позвоните по номеру const {Model3DElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Model3DElement
Model3DElement([options])
Параметры: 
Создает объект Model3DElement с указанными параметрами.
altitudeMode
Тип:  AltitudeMode optional
По умолчанию: AltitudeMode.CLAMP_TO_GROUND.
Определяет, как интерпретируется высота в позиции.
HTML-атрибут:
  • <gmp-model-3d altitude-mode="absolute"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="clamp-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-mesh"></gmp-model-3d>
orientation
Описывает поворот системы координат 3D-модели для ее размещения на 3D-карте.

Повороты применяются к модели в следующем порядке: крен, наклон, а затем курс.
HTML-атрибут:
  • <gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>
position
Задает положение Model3DElement. В некоторых режимах высота игнорируется, поэтому указывать ее необязательно.
HTML-атрибут:
  • <gmp-model-3d position="lat,lng"></gmp-model-3d>
  • <gmp-model-3d position="lat,lng,altitude"></gmp-model-3d>
scale
Тип:  number|Vector3D|Vector3DLiteral optional
По умолчанию: 1.
Масштабирует модель по осям X, Y и Z в системе координат модели.
HTML-атрибут:
  • <gmp-model-3d scale="number"></gmp-model-3d>
  • <gmp-model-3d scale="x,y,z"></gmp-model-3d>
src
Тип:  string|URL optional
URL 3D-модели. В настоящее время поддерживаются только модели формата .glb.

Относительные URL с протоколом HTTP будут преобразованы в абсолютные.

Обратите внимание, что если вы размещаете файлы модели .glb на сайте или сервере, отличном от основного приложения, вам необходимо настроить правильные HTTP-заголовки CORS. Это позволит вашему приложению безопасно получать доступ к файлам модели из другого домена.
HTML-атрибут:
  • <gmp-model-3d src="url"></gmp-model-3d>
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…

Интерфейс Model3DElementOptions

google.maps.maps3d.Model3DElementOptions интерфейс

Объект Model3DElementOptions, используемый для определения свойств, которые можно задать для Model3DElement.
altitudeMode optional
Тип:  AltitudeMode optional
Посмотрите Model3DElement.altitudeMode.
orientation optional
Посмотрите Model3DElement.orientation.
position optional
Посмотрите Model3DElement.position.
scale optional
Тип:  number|Vector3D|Vector3DLiteral optional
Посмотрите Model3DElement.scale.
src optional
Тип:  string|URL optional
Посмотрите Model3DElement.src.

Класс Model3DInteractiveElement

google.maps.maps3d.Model3DInteractiveElement класс

3D-модель, которая позволяет отрисовывать модели gLTF. Обратите внимание, что для показа Model3DElement необходимо задать position и src.

Должны поддерживаться основные свойства gLTF PBR. Расширения и их свойства в настоящее время не поддерживаются.

В отличие от Model3DElement, Model3DInteractiveElement получает событие gmp-click.

Специальный элемент:
<gmp-model-3d-interactive></gmp-model-3d-interactive>

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

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

Чтобы получить доступ, позвоните по номеру const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Model3DInteractiveElement
Model3DInteractiveElement([options])
Параметры: 
Создает Model3DInteractiveElement с указанными параметрами.
Унаследованные: altitudeMode, orientation, position, scale, src.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…
gmp-click
function(clickEvent)
Аргументы: 
Это событие активируется при нажатии на элемент Model3DInteractiveElement.

Интерфейс Model3DInteractiveElementOptions

google.maps.maps3d.Model3DInteractiveElementOptions интерфейс

Объект Model3DInteractiveElementOptions, используемый для определения свойств, которые можно задать для Model3DInteractiveElement.

Этот интерфейс расширяет Model3DElementOptions.

Унаследованные: altitudeMode, orientation, position, scale, src.

Класс Polyline3DElement

google.maps.maps3d.Polyline3DElement класс

Трехмерная ломаная линия – это линейное наложение соединенных отрезков прямой на 3D-карту.

Специальный элемент:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>

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

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

Чтобы получить доступ, позвоните по номеру const {Polyline3DElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Polyline3DElement
Polyline3DElement([options])
Параметры: 
Создает объект Polyline3DElement с указанными параметрами.
altitudeMode
Тип:  AltitudeMode optional
По умолчанию: AltitudeMode.CLAMP_TO_GROUND.
Определяет, как интерпретируются компоненты высоты в координатах.
HTML-атрибут:
  • <gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>
drawsOccludedSegments
Тип:  boolean optional
По умолчанию: false.
Указывает, рисуются ли части ломаной линии, которые могут быть скрыты. Ломаные линии могут быть скрыты геометрическими объектами на карте (например, зданиями).
HTML-атрибут:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
Тип:  boolean optional
По умолчанию: false.
Указывает, нужно ли соединять ломаную линию с землей. Чтобы вытянуть ломаную линию, для свойства altitudeMode нужно задать значение RELATIVE_TO_GROUND или ABSOLUTE.
HTML-атрибут:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
Тип:  boolean optional
По умолчанию: false.
Если задано значение true, края ломаной линии интерпретируются как геодезические и следуют кривизне Земли. Если задано значение false, края ломаной линии отображаются на экране как прямые линии.
HTML-атрибут:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
Тип:  string optional
Внешний цвет. Поддерживаются все цвета CSS3.
HTML-атрибут:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerWidth
Тип:  number optional
Внешняя ширина должна быть в диапазоне от 0.0 до 1.0. Это процент от strokeWidth.
HTML-атрибут:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
path
Заданная последовательность координат полилинии. В некоторых режимах высота игнорируется, поэтому указывать ее необязательно.
HTML-атрибут:
  • <gmp-polyline-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polyline-3d>
strokeColor
Тип:  string optional
Цвет штриха. Поддерживаются все цвета CSS3.
HTML-атрибут:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeWidth
Тип:  number optional
ширина штриха в пикселях.
HTML-атрибут:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
Тип:  number optional
zIndex по сравнению с другими полилиниями.
HTML-атрибут:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
coordinates
Заданная последовательность координат полилинии. В некоторых режимах высота игнорируется, поэтому указывать ее необязательно.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…

Интерфейс Polyline3DElementOptions

google.maps.maps3d.Polyline3DElementOptions интерфейс

Объект Polyline3DElementOptions, используемый для определения свойств, которые можно задать для Polyline3DElement.
altitudeMode optional
Тип:  AltitudeMode optional
Посмотрите Polyline3DElement.altitudeMode.
coordinates optional
Посмотрите Polyline3DElement.coordinates.
drawsOccludedSegments optional
Тип:  boolean optional
Посмотрите Polyline3DElement.drawsOccludedSegments.
extruded optional
Тип:  boolean optional
Посмотрите Polyline3DElement.extruded.
geodesic optional
Тип:  boolean optional
Посмотрите Polyline3DElement.geodesic.
outerColor optional
Тип:  string optional
Посмотрите Polyline3DElement.outerColor.
outerWidth optional
Тип:  number optional
Посмотрите Polyline3DElement.outerWidth.
strokeColor optional
Тип:  string optional
Посмотрите Polyline3DElement.strokeColor.
strokeWidth optional
Тип:  number optional
Посмотрите Polyline3DElement.strokeWidth.
zIndex optional
Тип:  number optional
Посмотрите Polyline3DElement.zIndex.

Класс Polyline3DInteractiveElement

google.maps.maps3d.Polyline3DInteractiveElement класс

Трехмерная ломаная линия – это линейное наложение соединенных отрезков прямой на 3D-карту. В отличие от Polyline3DElement, Polyline3DInteractiveElement получает событие gmp-click.

Специальный элемент:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

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

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

Чтобы получить доступ, позвоните по номеру const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
Параметры: 
Создает Polyline3DInteractiveElement с указанными параметрами.
Унаследованные: altitudeMode, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex, coordinates.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…
gmp-click
function(clickEvent)
Аргументы: 
  • clickEvent:  LocationClickEvent Объект события будет содержать широту, долготу и высоту места клика.
Это событие активируется при нажатии на элемент Polyline3DInteractiveElement.

Интерфейс Polyline3DInteractiveElementOptions

google.maps.maps3d.Polyline3DInteractiveElementOptions интерфейс

Объект Polyline3DInteractiveElementOptions, используемый для определения свойств, которые можно задать для Polyline3DInteractiveElement.

Этот интерфейс расширяет Polyline3DElementOptions.

Наследуется: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex.

Класс Polygon3DElement

google.maps.maps3d.Polygon3DElement класс

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

Специальный элемент:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>

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

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

Чтобы получить доступ, позвоните по номеру const {Polygon3DElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Polygon3DElement
Polygon3DElement([options])
Параметры: 
Создает объект Polygon3DElement с указанными параметрами.
altitudeMode
Тип:  AltitudeMode optional
По умолчанию: AltitudeMode.CLAMP_TO_GROUND.
Определяет, как интерпретируются компоненты высоты в координатах.
HTML-атрибут:
  • <gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>
drawsOccludedSegments
Тип:  boolean optional
По умолчанию: false.
Указывает, отрисовываются ли части многоугольника, которые могут быть скрыты. Многоугольники могут быть скрыты геометрическими объектами карты (например, зданиями).
HTML-атрибут:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
Тип:  boolean optional
По умолчанию: false.
Указывает, нужно ли соединить многоугольник с землей. Чтобы вытянуть многоугольник, для свойства altitudeMode нужно задать значение RELATIVE_TO_GROUND или ABSOLUTE.
HTML-атрибут:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
Тип:  string optional
Цвет заливки. Поддерживаются все цвета CSS3.
HTML-атрибут:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
geodesic
Тип:  boolean optional
По умолчанию: false.
Если задано значение true, края многоугольника интерпретируются как геодезические и следуют кривизне Земли. Если задано значение false, края многоугольника отображаются на экране в виде прямых линий.
HTML-атрибут:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerPaths
Упорядоченная последовательность координат, обозначающих замкнутый контур. В отличие от ломаных линий, многоугольник может состоять из одного или нескольких контуров, которые создают несколько вырезов внутри многоугольника.
path
Упорядоченная последовательность координат, обозначающих замкнутый контур. В некоторых режимах высота игнорируется, поэтому указывать ее необязательно.
HTML-атрибут:
  • <gmp-polygon-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polygon-3d>
strokeColor
Тип:  string optional
Цвет штриха. Поддерживаются все цвета CSS3.
HTML-атрибут:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeWidth
Тип:  number optional
ширина штриха в пикселях.
HTML-атрибут:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
Тип:  number optional
zIndex по сравнению с другими полилиниями.
HTML-атрибут:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
outerCoordinates
Упорядоченная последовательность координат, обозначающих замкнутый контур. В некоторых режимах высота игнорируется, поэтому указывать ее необязательно.
innerCoordinates
Упорядоченная последовательность координат, обозначающих замкнутый контур. В отличие от ломаных линий, многоугольник может состоять из одного или нескольких контуров, которые создают несколько вырезов внутри многоугольника.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…

Интерфейс Polygon3DElementOptions

google.maps.maps3d.Polygon3DElementOptions интерфейс

Объект Polygon3DElementOptions используется для определения свойств, которые можно задать для Polygon3DElement.
altitudeMode optional
Тип:  AltitudeMode optional
Посмотрите Polygon3DElement.altitudeMode.
drawsOccludedSegments optional
Тип:  boolean optional
Посмотрите Polygon3DElement.drawsOccludedSegments.
extruded optional
Тип:  boolean optional
Посмотрите Polygon3DElement.extruded.
fillColor optional
Тип:  string optional
Посмотрите Polygon3DElement.fillColor.
geodesic optional
Тип:  boolean optional
Посмотрите Polygon3DElement.geodesic.
innerCoordinates optional
Посмотрите Polygon3DElement.innerCoordinates.
outerCoordinates optional
Посмотрите Polygon3DElement.outerCoordinates.
strokeColor optional
Тип:  string optional
Посмотрите Polygon3DElement.strokeColor.
strokeWidth optional
Тип:  number optional
Посмотрите Polygon3DElement.strokeWidth.
zIndex optional
Тип:  number optional
Посмотрите Polygon3DElement.zIndex.

Класс Polygon3DInteractiveElement

google.maps.maps3d.Polygon3DInteractiveElement класс

Трехмерный многоугольник (как и трехмерная ломаная линия) определяет упорядоченную последовательность соединенных координат. Кроме того, многоугольники образуют замкнутый контур и определяют заполненную область. В отличие от Polygon3DElement, Polygon3DInteractiveElement получает событие gmp-click.

Специальный элемент:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

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

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

Чтобы получить доступ, позвоните по номеру const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
Параметры: 
Создает Polygon3DInteractiveElement с указанными параметрами.
Унаследованные: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerPaths, path, strokeColor, strokeWidth, zIndex, outerCoordinates, innerCoordinates.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…
gmp-click
function(clickEvent)
Аргументы: 
  • clickEvent:  LocationClickEvent Объект события будет содержать широту, долготу и высоту места клика.
Это событие активируется при нажатии на элемент Polygon3DInteractiveElement.

Интерфейс Polygon3DInteractiveElementOptions

google.maps.maps3d.Polygon3DInteractiveElementOptions интерфейс

Объект Polygon3DInteractiveElementOptions используется для определения свойств, которые можно задать для Polygon3DInteractiveElement.

Этот интерфейс расширяет Polygon3DElementOptions.

Наследуется: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex.

Класс PopoverElement

google.maps.maps3d.PopoverElement класс

Пользовательский элемент HTML, который отображает всплывающее окно. Оно похоже на всплывающую подсказку и часто связано с маркером.

Специальный элемент:
<gmp-popover altitude-mode="absolute" auto-pan-disabled light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>

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

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

Чтобы получить доступ, позвоните по номеру const {PopoverElement} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
PopoverElement
PopoverElement([options])
Параметры: 
altitudeMode
Тип:  AltitudeMode optional
По умолчанию: AltitudeMode.CLAMP_TO_GROUND.
Определяет, как интерпретируется высота.
HTML-атрибут:
  • <gmp-popover altitude-mode="absolute"></gmp-popover>
  • <gmp-popover altitude-mode="clamp-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-mesh"></gmp-popover>
autoPanDisabled
Тип:  boolean optional
По умолчанию: false.
Если задано значение true, отключает панорамирование карты, чтобы всплывающее окно было полностью видно при открытии.
HTML-атрибут:
  • <gmp-popover auto-pan-disabled></gmp-popover>
lightDismissDisabled
Тип:  boolean optional
По умолчанию: false.
Указывает, должно ли это всплывающее окно быть "легко отклоняемым" или нет. Поведение "light dismiss" похоже на настройку атрибута popover="auto", который является частью Popover API браузера.
HTML-атрибут:
  • <gmp-popover light-dismiss-disabled></gmp-popover>
open
Тип:  boolean optional
По умолчанию: false.
Указывает, должно ли быть открыто это всплывающее окно.
HTML-атрибут:
  • <gmp-popover open></gmp-popover>
positionAnchor
Позиция, в которой будет показано всплывающее окно. Если всплывающее окно привязано к интерактивному маркеру, будет использоваться позиция маркера.
HTML-атрибут:
  • <gmp-popover position-anchor="lat,lng"></gmp-popover>
  • <gmp-popover position-anchor="lat,lng,altitude"></gmp-popover>
  • <gmp-popover position-anchor="marker-id"></gmp-popover>
default
Размещает контент в основной части всплывающего окна.
header
Размещает контент в заголовке всплывающего окна.
--gmp-popover-max-width
Максимальная ширина всплывающего окна независимо от ширины контента.
--gmp-popover-min-width
Минимальная ширина всплывающего окна независимо от ширины контента. При использовании этого свойства настоятельно рекомендуется задать для него значение, которое меньше ширины карты (в пикселях).
--gmp-popover-pixel-offset-x
Смещение по оси X (в пикселях) между кончиком всплывающего окна и точкой на карте, к географическим координатам которой оно привязано.
--gmp-popover-pixel-offset-y
Смещение по оси Y (в пикселях) кончика всплывающего окна от точки на карте, к географическим координатам которой привязано всплывающее окно.
background-color
Цвет фона всплывающего окна. Подробная информация приведена в документации по background-color. Обратите внимание, что это свойство также влияет на всплывающее окно места по умолчанию. Чтобы не менять стиль всплывающего окна по умолчанию, используйте целевые классы CSS или встроенные стили для настраиваемых всплывающих окон.
border-radius
Радиус границы всплывающего окна. Подробная информация приведена в документации по border-radius. Обратите внимание, что это свойство также влияет на всплывающее окно места по умолчанию. Чтобы не менять стиль всплывающего окна по умолчанию, используйте целевые классы CSS или встроенные стили для настраиваемых всплывающих окон.
box-shadow
Тень всплывающего окна. Подробная информация приведена в документации по box-shadow. Обратите внимание, что это свойство также влияет на всплывающее окно места по умолчанию. Чтобы не менять стиль всплывающего окна по умолчанию, используйте целевые классы CSS или встроенные стили для настраиваемых всплывающих окон.
color-scheme
Указывает, в какой цветовой схеме может отображаться это всплывающее окно. Подробная информация приведена в документации по color-scheme. Если не указано, по умолчанию используются настройки цветовой схемы пользователя.
padding
Отступы всплывающего окна. Подробная информация приведена в документации по padding. Обратите внимание, что это свойство также влияет на всплывающее окно места по умолчанию. Чтобы не менять стиль всплывающего окна по умолчанию, используйте целевые классы CSS или встроенные стили для настраиваемых всплывающих окон.
addEventListener
addEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка с учетом регистра, представляющая тип события, которое нужно отслеживать.
  • listener:  EventListener|EventListenerObject Объект, который получает уведомление. Это должна быть функция или объект с методом handleEvent.
  • options:  boolean|AddEventListenerOptions optional Посмотрите варианты. Специальные события поддерживают только capture и passive.
Возвращаемое значение:  void
Настраивает функцию, которая будет вызываться каждый раз, когда указанное событие доставляется целевому объекту. Подробнее addEventListener…
removeEventListener
removeEventListener(type, listener[, options])
Параметры: 
  • type:  string Строка, указывающая тип события, для которого нужно удалить прослушиватель событий.
  • listener:  EventListener|EventListenerObject Прослушиватель событий обработчика событий, который нужно удалить из целевого объекта события.
  • options:  boolean|EventListenerOptions optional Посмотрите варианты.
Возвращаемое значение:  void
Удаляет из целевого объекта прослушиватель событий, ранее зарегистрированный с помощью addEventListener. Подробнее removeEventListener…

Интерфейс PopoverElementOptions

google.maps.maps3d.PopoverElementOptions интерфейс

Объект PopoverElementOptions, используемый для определения свойств, которые можно задать для PopoverElement.
altitudeMode optional
Тип:  AltitudeMode optional
Посмотрите PopoverElement.altitudeMode.
autoPanDisabled optional
Тип:  boolean optional
Посмотрите PopoverElement.autoPanDisabled.
lightDismissDisabled optional
Тип:  boolean optional
Посмотрите PopoverElement.lightDismissDisabled.
open optional
Тип:  boolean optional
Посмотрите PopoverElement.open.
positionAnchor optional
Посмотрите PopoverElement.positionAnchor.

Константы AltitudeMode

google.maps.maps3d.AltitudeMode константы

Определяет, как интерпретируются компоненты высоты в координатах.

Чтобы получить доступ, позвоните по номеру const {AltitudeMode} = await google.maps.importLibrary("maps3d").
Подробнее о библиотеках Maps JavaScript API…
ABSOLUTE Позволяет выражать объекты относительно среднего уровня моря. Это также означает, что если уровень детализации рельефа под объектом изменится, его абсолютное положение останется прежним.
CLAMP_TO_GROUND Позволяет выражать объекты, размещенные на земле. Они будут оставаться на уровне земли, повторяя рельеф местности, независимо от указанной высоты. Если объект расположен над крупным водоемом, он будет размещен на уровне моря.
RELATIVE_TO_GROUND Позволяет выражать объекты относительно поверхности земли. Если уровень детализации рельефа изменится, положение объекта относительно земли останется прежним. Если объект находится над водой, высота будет интерпретироваться как значение в метрах над уровнем моря.
RELATIVE_TO_MESH Позволяет выражать объекты относительно самой высокой точки земли, здания или водной поверхности. Если вы находитесь над водой, это будет водная поверхность; если над сушей – поверхность здания (при наличии) или поверхность земли (если зданий нет).