Info Window

Класс InfoWindow

google.maps . InfoWindow Класс google.maps . InfoWindow

Наложение, которое выглядит как пузырь и часто связано с маркером.

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

Получите доступ, вызвав const {InfoWindow} = await google.maps.importLibrary("maps") или const {InfoWindow} = await google.maps.importLibrary("streetView") . См. Библиотеки в Maps JavaScript API .

InfoWindow
InfoWindow([opts])
Параметры:
Создает информационное окно с заданными параметрами. Информационное окно может быть размещено на карте в определенной позиции или над маркером, в зависимости от того, что указано в параметрах. Если автоматическое панорамирование не отключено, InfoWindow будет перемещать карту, чтобы сделать себя видимым при его открытии. После создания InfoWindow необходимо вызвать open, чтобы отобразить его на карте. Пользователь может щелкнуть кнопку закрытия в InfoWindow, чтобы удалить его с карты, или разработчик может вызвать close() для того же эффекта.
close
close()
Параметры: Нет
Возвращаемое значение: нет
Закрывает это InfoWindow, удаляя его из структуры DOM.
focus
focus()
Параметры: Нет
Возвращаемое значение: нет
Устанавливает фокус на это InfoWindow . Вы можете рассмотреть возможность использования этого метода вместе с visible событием, чтобы убедиться, что InfoWindow видим, прежде чем установить на нем фокус. InfoWindow , который не виден, не может быть сфокусирован.
getContent
getContent()
Параметры: Нет
Возвращаемое значение: string| Element | Text |null|undefined Содержимое этого InfoWindow. Так же, как то, что было ранее установлено в качестве контента.
getPosition
getPosition()
Параметры: Нет
Возвращаемое значение: LatLng |null|undefined Позиция LatLng этого InfoWindow.
getZIndex
getZIndex()
Параметры: Нет
Возвращаемое значение: number ZIndex этого InfoWindow.
open
open([options, anchor])
Параметры:
  • options : InfoWindowOpenOptions | Map | StreetViewPanorama optional Либо объект InfoWindowOpenOptions (рекомендуется), либо карта|панорама, на которой нужно визуализировать это InfoWindow.
  • anchor : MVCObject | AdvancedMarkerElement optional Якорь, к которому будет расположено это InfoWindow. Если якорь не нулевой, InfoWindow будет расположен в верхней центральной части якоря. InfoWindow будет отображаться на той же карте или панораме, что и якорь (если он доступен) .
Возвращаемое значение: нет
Открывает это информационное окно на данной карте. При желании InfoWindow можно связать с привязкой. В основном API единственной привязкой является класс Marker. Однако привязкой может быть любой MVCObject, который предоставляет свойство position LatLng и, при необходимости, свойство anchorPoint Point для вычисления pixelOffset (см. InfoWindowOptions). anchorPoint — это смещение от позиции привязки до кончика InfoWindow. В качестве единственного аргумента для этого метода рекомендуется использовать интерфейс InfoWindowOpenOptions . Чтобы предотвратить изменение фокуса браузера при открытии, задайте для InfoWindowOpenOptions.shouldFocus значение false .
setContent
setContent([content])
Параметры:
  • content : string| Element | Text optional Содержимое, отображаемое этим InfoWindow.
Возвращаемое значение: нет
setOptions
setOptions([options])
Параметры:
Возвращаемое значение: нет
setPosition
setPosition([position])
Параметры:
  • position : LatLng | LatLngLiteral optional Позиция LatLng, в которой отображается это InfoWindow.
Возвращаемое значение: нет
setZIndex
setZIndex(zIndex)
Параметры:
  • zIndex : number Z-индекс для этого InfoWindow. InfoWindow с большим z-индексом будет отображаться перед всеми другими InfoWindows с более низким z-индексом.
Возвращаемое значение: нет
Унаследовано: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll
closeclick
function()
Аргументы: Нет
Это событие запускается при нажатии кнопки закрытия.
content_changed
function()
Аргументы: Нет
Это событие запускается при изменении свойства содержимого.
domready
function()
Аргументы: Нет
Это событие запускается, когда <div> , содержащий содержимое InfoWindow , присоединяется к DOM. Вы можете отслеживать это событие, если вы динамически создаете содержимое своего информационного окна.
position_changed
function()
Аргументы: Нет
Это событие запускается при изменении свойства position.
visible
function()
Аргументы: Нет
Это событие запускается, когда InfoWindow полностью виден. Это событие не запускается, когда InfoWindow отключается, а затем возвращается на экран.
zindex_changed
function()
Аргументы: Нет
Это событие запускается при изменении zIndex InfoWindow .

Интерфейс InfoWindowOptions

google.maps . InfoWindowOptions Интерфейс google.maps . InfoWindowOptions

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

ariaLabel optional
Тип: string optional
AriaLabel для назначения InfoWindow.
content optional
Тип: string| Element | Text optional
Содержимое для отображения в InfoWindow. Это может быть элемент HTML, простая текстовая строка или строка, содержащая HTML. InfoWindow будет иметь размер в соответствии с содержимым. Чтобы задать явный размер содержимого, задайте для содержимого элемент HTML с таким размером.
disableAutoPan optional
Тип: boolean optional
По умолчанию: false
Отключите панорамирование карты, чтобы InfoWindow был полностью виден при его открытии.
maxWidth optional
Тип: number optional
Максимальная ширина InfoWindow независимо от ширины содержимого. Это значение учитывается только в том случае, если оно установлено перед вызовом open() . Чтобы изменить максимальную ширину при изменении содержимого, вызовите close() , setOptions() , а затем open() .
minWidth optional
Тип: number optional
Минимальная ширина InfoWindow независимо от ширины содержимого. При использовании этого свойства настоятельно рекомендуется установить для minWidth значение меньше ширины карты (в пикселях). Это значение учитывается только в том случае, если оно установлено перед вызовом open() . Чтобы изменить минимальную ширину при изменении содержимого, вызовите close() , setOptions() , а затем open() .
pixelOffset optional
Тип: Size optional
Смещение (в пикселях) края информационного окна от точки на карте, к географическим координатам которой привязано информационное окно. Если InfoWindow открывается с привязкой, pixelOffset будет вычисляться на основе свойства anchorPoint anchorPoint.
position optional
Тип: LatLng | LatLngLiteral optional
LatLng для отображения этого InfoWindow. Если InfoWindow открывается с привязкой, вместо нее будет использоваться позиция привязки.
zIndex optional
Тип: number optional
Все информационные окна отображаются на карте в порядке их zIndex, при этом более высокие значения отображаются перед информационными окнами с более низкими значениями. По умолчанию информационные окна отображаются в соответствии с их широтой, при этом информационные окна более низких широт отображаются перед информационными окнами более высоких широт. Информационные окна всегда отображаются перед маркерами.

Интерфейс InfoWindowOpenOptions

google.maps . InfoWindowOpenOptions Интерфейс google.maps . InfoWindowOpenOptions

Варианты открытия InfoWindow

anchor optional
Тип: MVCObject | AdvancedMarkerElement optional
Якорь, к которому будет расположено это InfoWindow. Если якорь не нулевой, InfoWindow будет расположен в верхней центральной части якоря. InfoWindow будет отображаться на той же карте или панораме, что и якорь (если он доступен) .
map optional
Тип: Map | StreetViewPanorama optional
Карта или панорама, на которой будет отображаться это InfoWindow.
shouldFocus optional
Тип: boolean optional
Следует ли перемещать фокус внутри InfoWindow при его открытии. Когда это свойство не установлено или установлено в значение null или undefined , эвристика используется для принятия решения о том, следует ли перемещать фокус. Рекомендуется явно установить это свойство в соответствии с вашими потребностями, поскольку эвристика может быть изменена и может работать не во всех случаях.