Info Window

InfoWindow-Klasse

google.maps.InfoWindow Klasse

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

Diese Klasse erweitert MVCObject.

Sie können über const {InfoWindow} = await google.maps.importLibrary("maps") oder const {InfoWindow} = await google.maps.importLibrary("streetView") darauf zugreifen.
Weitere Informationen finden Sie unter Bibliotheken in der Maps JavaScript API.

Konstruktor

InfoWindow

InfoWindow([opts]) Parameter: opts:  InfoWindowOptions optional 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.

Attribute
isOpen	Typ:boolean Prüft, ob das InfoWindow geöffnet ist.

Methoden
close	close() Parameter:Keine Rückgabewert:Keiner Schließt dieses Infofenster, indem es aus der DOM-Struktur entfernt wird.
focus	focus() Parameter:Keine Rückgabewert:Keiner Legt den Fokus auf dieses InfoWindow fest. Wir empfehlen, diese Methode zusammen mit einem visible-Ereignis zu verwenden, um sicherzustellen, dass InfoWindow sichtbar ist, bevor der Fokus darauf festgelegt wird. Ein InfoWindow, das nicht sichtbar ist, kann nicht fokussiert 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 Header-Inhalt dieses Infofensters. Siehe InfoWindowOptions.headerContent.
getHeaderDisabled	getHeaderDisabled() Parameter:Keine Rückgabewert:boolean|undefined Gibt an, ob die gesamte Kopfzeile deaktiviert ist. Siehe InfoWindowOptions.headerDisabled.
getPosition	getPosition() Parameter:Keine Rückgabewert:LatLng|null|undefined Die LatLng-Position dieses InfoWindow.
getZIndex	getZIndex() Parameter:Keine Rückgabewert:number Der zIndex dieses Info-Fensters.
open	open([options, anchor]) Parameter: options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional Entweder ein InfoWindowOpenOptions-Objekt (empfohlen) oder die Karte bzw. das Panorama, auf der/dem dieses InfoWindow gerendert werden soll. anchor:  MVCObject|AdvancedMarkerElement optional Der Anker, an dem dieses InfoWindow positioniert wird. Wenn der Anker nicht null ist, wird das Info-Fenster oben in der Mitte des Ankers positioniert. Das InfoWindow wird auf derselben Karte oder demselben Panorama wie der Anker gerendert (sofern verfügbar). Rückgabewert:Keiner Ö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-Eigenschaft position und optional eine Point-Eigenschaft anchorPoint zum Berechnen von pixelOffset (siehe InfoWindowOptions) bereitstellt. anchorPoint ist der Versatz von der Position des Ankers bis zur Spitze des Infofensters. Es wird empfohlen, die InfoWindowOpenOptions-Schnittstelle als einziges Argument für diese Methode zu verwenden. Wenn Sie verhindern möchten, dass der Browserfokus beim Öffnen geändert wird, setzen Sie InfoWindowOpenOptions.shouldFocus auf false.
setContent	setContent([content]) Parameter: content:  string|Element|Text optional Der Inhalt, der in diesem InfoWindow angezeigt werden soll. Rückgabewert:Keiner
setHeaderContent	setHeaderContent([headerContent]) Parameter: headerContent:  string|Element|Text optional Der Header-Inhalt, der in diesem InfoWindow angezeigt werden soll. Siehe InfoWindowOptions.headerContent. Rückgabewert:Keiner
setHeaderDisabled	setHeaderDisabled([headerDisabled]) Parameter: headerDisabled:  boolean optional Gibt an, ob die gesamte Kopfzeile deaktiviert werden soll. Siehe InfoWindowOptions.headerDisabled. Rückgabewert:Keiner
setOptions	setOptions([options]) Parameter: options:  InfoWindowOptions optional Rückgabewert:Keiner
setPosition	setPosition([position]) Parameter: position:  LatLng|LatLngLiteral optional Die LatLng-Position, an der dieses InfoWindow angezeigt werden soll. Rückgabewert:Keiner
setZIndex	setZIndex(zIndex) Parameter: zIndex:  number Der z-Index für dieses InfoWindow. Ein InfoWindow mit einem höheren Z-Index wird vor allen anderen InfoWindows mit einem niedrigeren Z-Index angezeigt. Rückgabewert:Keiner
Geerbt:addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Ereignisse
close	function() Argumente:Keine Dieses Ereignis wird immer ausgelöst, wenn das InfoWindow geschlossen wird. Das kann beispielsweise durch Aufrufen der InfoWindow.close-Methode, Drücken der Esc-Taste zum Schließen des InfoWindow oder Klicken auf die Schaltfläche zum Schließen oder Verschieben des InfoWindow auf eine andere Karte erfolgen.
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 das <div>, das den Inhalt des InfoWindow enthält, an das DOM angehängt wird. 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 das Element InfoWindow vollständig sichtbar ist. Dieses Ereignis wird nicht ausgelöst, wenn InfoWindow aus dem Bild geschwenkt und dann wieder ins Bild geschwenkt wird.
zindex_changed	function() Argumente:Keine Dieses Ereignis wird ausgelöst, wenn sich der zIndex von InfoWindow ändert.

InfoWindowOptions-Schnittstelle

google.maps.InfoWindowOptions-Schnittstelle

InfoWindowOptions-Objekt zum Definieren der Eigenschaften, die für ein InfoWindow festgelegt werden können.

Attribute
ariaLabel optional	Typ:string optional AriaLabel, das dem InfoWindow zugewiesen werden soll.
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 InfoWindow beim Öffnen vollständig sichtbar ist.
headerContent optional	Typ:string|Element|Text optional Der Inhalt, der in der Kopfzeile des Infofensters angezeigt werden soll. Dies kann ein HTML-Element oder ein Nur-Text-String sein. Die Größe des InfoFensters wird seinem Inhalt angepasst. Wenn Sie eine explizite Größe für den Header-Inhalt festlegen möchten, legen Sie headerContent als HTML-Element mit dieser Größe fest.
headerDisabled optional	Typ:boolean optional Deaktiviert die gesamte Kopfzeile im Infofenster. Wenn der Wert auf „true“ gesetzt ist, wird der Header entfernt, sodass die Header-Inhalte 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 einem Aufruf von open() festgelegt wird. Wenn Sie die maximale Breite beim Ändern von Inhalten ändern möchten, rufen Sie close(), setOptions() und dann open() auf.
minWidth optional	Typ:number optional Die Mindestbreite des Infofensters, unabhängig von der Breite des Inhalts. Wenn Sie dieses Attribut verwenden, wird dringend empfohlen, minWidth auf einen Wert festzulegen, der kleiner als die Breite der Karte (in Pixeln) ist. Dieser Wert wird nur berücksichtigt, wenn er vor einem Aufruf von open() festgelegt wird. Wenn Sie die Mindestbreite beim Ändern von Inhalten ändern möchten, 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 aus 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 Position des Ankers 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 Infofenster entsprechend ihrem Breitengrad angezeigt. Infofenster mit niedrigeren Breitengraden werden vor Infofenstern mit höheren Breitengraden angezeigt. InfoWindows-Elemente werden immer vor Markierungen angezeigt.

InfoWindowOpenOptions-Schnittstelle

google.maps.InfoWindowOpenOptions-Schnittstelle

Optionen zum Öffnen eines Info-Fensters

Attribute
anchor optional	Typ:MVCObject|AdvancedMarkerElement optional Der Anker, an dem dieses Infofenster positioniert wird. Wenn der Anker nicht null ist, wird das Info-Fenster oben in der Mitte des Ankers positioniert. Das InfoWindow wird auf derselben Karte oder demselben Panorama wie der Anker gerendert (sofern verfügbar).
map optional	Typ:Map|StreetViewPanorama optional Die Karte oder das Panorama, auf dem das InfoWindow gerendert werden soll.
shouldFocus optional	Typ:boolean optional Gibt an, ob der Fokus innerhalb des InfoWindow verschoben werden soll, wenn es geöffnet wird. Wenn diese Property nicht festgelegt oder auf null oder undefined gesetzt ist, wird anhand einer Heuristik entschieden, ob der Fokus verschoben werden soll. Es wird empfohlen, diese Property explizit an Ihre Anforderungen anzupassen, da sich die Heuristik ändern kann und möglicherweise nicht für alle Anwendungsfälle geeignet ist.