Info Window

InfoWindow-Klasse

google.maps.InfoWindow-Klasse

Ein Overlay, das wie eine Blase aussieht und oft mit einer Markierung verbunden ist.

Diese Klasse ist eine Erweiterung von MVCObject.

Zugriff durch Aufrufen von const {InfoWindow} = await google.maps.importLibrary("maps") oder const {InfoWindow} = await google.maps.importLibrary("streetView"). Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.
InfoWindow
InfoWindow([opts])
Parameter: 
Erstellt ein Infofenster mit den angegebenen Optionen. Ein Infofenster kann auf einer Karte, je nach angegebenen Optionen, an einer bestimmten Position oder oberhalb einer Markierung platziert werden. Ein InfoFenster schwenkt die Karte, so dass es beim Öffnen sichtbar wird, es sei denn, automatisches Schwenken ist inaktiviert. Nachdem Sie ein InfoWindow konstruiert haben, rufen Sie Öffnen auf, damit es auf der Karte angezeigt wird. Der Nutzer kann auf die Schaltfläche "Schließen" in InfoWindow klicken, um es aus der Karte zu entfernen. Alternativ kann der Entwickler zum gleichen Zweck "close()" aufrufen.
isOpen
Typ:boolean
Überprüft, ob das Infofenster geöffnet ist.
close
close()
Parameter:Keine
Rückgabewert:Keine
Schließt dieses Infofenster, indem es aus der DOM-Struktur entfernt wird.
focus
focus()
Parameter:Keine
Rückgabewert:Keine
Verschiebt den Fokus auf dieses InfoWindow. Sie können diese Methode zusammen mit einem visible-Ereignis verwenden, um sicherzustellen, dass InfoWindow sichtbar ist, bevor Sie den Fokus darauf setzen. Ein InfoWindow, der nicht sichtbar ist, kann nicht hervorgehoben werden.
getContent
getContent()
Parameter:Keine
Rückgabewert:  string|Element|Text|null|undefined Der Inhalt dieses Infofensters. entspricht dem, was zuvor als Inhalt festgelegt wurde.
getHeaderContent
getHeaderContent()
Parameter:Keine
Rückgabewert:  string|Element|Text|null|undefined Der Headerinhalt dieses Infofensters. Siehe InfoWindowOptions.headerContent.
getHeaderDisabled
getHeaderDisabled()
Parameter:Keine
Rückgabewert:  boolean|undefined Gibt an, ob die gesamte Kopfzeile deaktiviert ist oder nicht. Siehe InfoWindowOptions.headerDisabled.
getPosition
getPosition()
Parameter:Keine
Rückgabewert:  LatLng|null|undefined Die LatLng-Position dieses Infofensters.
getZIndex
getZIndex()
Parameter:Keine
Rückgabewert:  number Der ZIndex dieses Infofensters
open
open([options, anchor])
Parameter: 
  • options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional Entweder ein InfoWindowOpenOptions-Objekt (empfohlen) oder das Karte|Panorama, auf dem dieses InfoWindow gerendert werden soll.
  • anchor:  MVCObject|AdvancedMarkerElement optional Der Anker, an dem dieses Infofenster platziert wird. Wenn der Anker nicht null ist, wird das InfoWindow in der oberen Mitte des Ankers positioniert. Das InfoWindow wird auf derselben Karte oder demselben Panorama wie der Anker gerendert (falls verfügbar).
Rückgabewert:Keine
Öffnet dieses InfoWindow in der angegebenen Karte. Optional kann ein InfoWindow mit einem Anker verbunden werden. Im Kern-API ist der einzige Anker die Markierungsklasse. Ein Anker kann jedoch ein beliebiges MVCObject sein, das eine LatLng-position-Eigenschaft und optional eine Punkt-anchorPoint-Eigenschaft zur Berechnung von pixelOffset zur Verfügung stellt (siehe InfoWindowOptions). anchorPoint ist der Versatz von der Position des Ankers zur Spitze des Infofensters. Es wird empfohlen, die InfoWindowOpenOptions-Schnittstelle als einzelnes Argument für diese Methode zu verwenden. Damit der Browserfokus beim Öffnen nicht geändert wird, legen Sie InfoWindowOpenOptions.shouldFocus auf false fest.
setContent
setContent([content])
Parameter: 
  • content:  string|Element|Text optional Der Inhalt, der von diesem Infofenster angezeigt werden soll.
Rückgabewert:Keine
setHeaderContent
setHeaderContent([headerContent])
Parameter: 
Rückgabewert:Keine
setHeaderDisabled
setHeaderDisabled([headerDisabled])
Parameter: 
Rückgabewert:Keine
setOptions
setOptions([options])
Parameter: 
Rückgabewert:Keine
setPosition
setPosition([position])
Parameter: 
  • position:  LatLng|LatLngLiteral optional Die LatLng-Position, an der dieses Infofenster angezeigt werden soll.
Rückgabewert:Keine
setZIndex
setZIndex(zIndex)
Parameter: 
  • zIndex:  number Der Z-Index für dieses Infofenster. Ein InfoWindow mit einem höheren Z-Index wird vor allen anderen InfoWindow-Elementen mit einem niedrigeren Z-Index angezeigt.
Rückgabewert:Keine
Übernommen: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
close
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn InfoWindow geschlossen wird. Dabei kann es sich beispielsweise um einen Aufruf der Methode InfoWindow.close, das Drücken der Esc-Taste zum Schließen des Infofensters, das Klicken auf die Schaltfläche zum Schließen oder das Verschieben des Infofensters in eine andere Karte handeln.
closeclick
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn auf die Schalfläche Schließen geklickt wurde.
content_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft Inhalt ändert.
domready
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn die <div> mit dem Inhalt der InfoWindow an das DOM angehängt ist. Möglicherweise möchten Sie dieses Ereignis überwachen, falls Sie Ihren Infofenster-Inhalt dynamisch erstellen.
headercontent_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft headerContent ändert.
headerdisabled_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft „headerDisabled“ ändert.
position_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft Position ändert.
visible
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn InfoWindow vollständig sichtbar ist. Dieses Ereignis wird nicht ausgelöst, wenn InfoWindow aus- und dann wieder auf den Bildschirm geschwenkt wird.
zindex_changed
function()
Argumente:Keine
Dieses Ereignis wird ausgelöst, wenn sich der zIndex der InfoWindow ändert.

InfoWindowOptions-Schnittstelle.

google.maps.InfoWindowOptions-Schnittstelle

InfoWindowOptions-Objekt zum Definieren der Eigenschaften, die in einem InfoWindow eingestellt werden können.
ariaLabel optional
Typ:string optional
AriaLabel, das dem InfoWindow zuzuweisen ist.
content optional
Typ:string|Element|Text optional
Im InfoFenster anzuzeigender Inhalt. Dies kann ein HTML-Element sein, eine reine Zeichenfolge oder eine Zeichenfolge, die HTML enthält. Die Größe des InfoFensters wird seinem Inhalt angepasst. Um ausdrücklich eine Größe für den Inhalt zu bestimmen, legen Sie fest, dass der Inhalt ein HTML-Element mit dieser Größe sein soll.
disableAutoPan optional
Typ:boolean optional
Standard: false
Deaktivieren Sie das Schwenken der Karte, damit das Infofenster beim Öffnen vollständig sichtbar wird.
headerContent optional
Typ:string|Element|Text optional
Der Inhalt, der in der InfoWindow-Kopfzeile angezeigt werden soll. Dies kann ein HTML-Element oder ein String mit Nur-Text sein. Die Größe des InfoFensters wird seinem Inhalt angepasst. Wenn Sie eine explizite Größe für den Headerinhalt festlegen möchten, legen Sie für „headerContent“ ein HTML-Element mit dieser Größe fest.
headerDisabled optional
Typ:boolean optional
Deaktiviert die gesamte Kopfzeile im InfoWindow. Wird die Richtlinie auf „true“ gesetzt, wird die Kopfzeile entfernt, sodass der Inhalt der Kopfzeile und die Schaltfläche zum Schließen ausgeblendet werden.
maxWidth optional
Typ:number optional
Maximale Breite des Infofensters, unabhängig von der Breite des Inhalts. Dieser Wert wird nur berücksichtigt, wenn er vor dem Aufruf von open() festgelegt wird. Um die maximale Breite beim Ändern des Inhalts zu ändern, rufen Sie close(), setOptions() und dann open() auf.
minWidth optional
Typ:number optional
Mindestbreite des Infofensters, unabhängig von der Breite des Inhalts. Bei Verwendung dieser Eigenschaft wird dringend empfohlen, für minWidth einen Wert festzulegen, der kleiner als die Breite der Karte (in Pixeln) ist. Dieser Wert wird nur berücksichtigt, wenn er vor dem Aufruf von open() festgelegt wird. Um die Mindestbreite beim Ändern des Inhalts zu ändern, rufen Sie close(), setOptions() und dann open() auf.
pixelOffset optional
Typ:Size optional
Der Abstand in Pixeln zwischen der Spitze des Infofensters und dem Punkt auf der Karte, an dessen geografischen Koordinaten das Infofenster verankert ist. Wenn ein InfoWindow mit einem Anker geöffnet wird, wird pixelOffset anhand der anchorPoint-Eigenschaft des Ankers berechnet.
position optional
Typ:LatLng|LatLngLiteral optional
Der LatLng-Wert, bei der diesem InfoWindow angezeigt werden soll. Wenn das InfoWindow mit einem Anker geöffnet wird, wird stattdessen die Ankerposition verwendet.
zIndex optional
Typ:number optional
Sämtliche InfoWindow-Elemente werden auf der Karte in der Reihenfolge ihrer zIndex angezeigt, wobei InfoWindow-Elemente mit höheren Werten vor InfoWindow-Elementen mit niedrigeren Werten rangieren. Standardmäßig werden InfoWindow-Elemente entsprechend ihrem Breitengrad angezeigt, wobei InfoWindow-Elemente mit niedrigeren Breiten vor InfoWindow-Elementen mit höheren Breiten rangieren. InfoWindows-Elemente werden immer vor Markierungen angezeigt.

InfoWindowOpenOptions-Schnittstelle.

google.maps.InfoWindowOpenOptions-Schnittstelle

Optionen zum Öffnen eines Infofensters
anchor optional
Der Anker, an dem dieses InfoWindow positioniert wird. Wenn der Anker nicht null ist, wird das InfoWindow in der oberen Mitte des Ankers positioniert. Das InfoWindow wird auf derselben Karte oder demselben Panorama wie der Anker gerendert (falls verfügbar).
map optional
Typ:Map|StreetViewPanorama optional
Die Karte oder das Panorama, auf der bzw. dem dieses InfoWindow gerendert werden soll.
shouldFocus optional
Typ:boolean optional
Gibt an, ob der Fokus innerhalb des Infofensters verschoben werden soll, wenn es geöffnet wird. Wenn dieses Attribut nicht konfiguriert oder auf null oder undefined gesetzt ist, wird anhand einer Heuristik entschieden, ob der Fokus verschoben werden soll. Es wird empfohlen, diese Eigenschaft explizit an Ihre Anforderungen anzupassen, da sich die Heuristik ändern kann und möglicherweise nicht für alle Anwendungsfälle gut funktioniert.