Place Widget Content Customization

PlaceContentConfigElement-Klasse

class google.maps.places.PlaceContentConfigElement extends HTMLElement implements PlaceContentConfigElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um eine benutzerdefinierte Auswahl von Inhalten anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element an, um es zu verwenden.

Für PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement hängen Sie eines der folgenden Elemente an die PlaceContentConfigElement an, um den entsprechenden Inhalt anzuzeigen:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

Speziell für PlaceDetailsElement können Sie auch eines der folgenden Elemente anhängen:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

Die Reihenfolge der untergeordneten Elemente spielt keine Rolle. Das Element rendert Inhalte in einer Standardreihenfolge, die nicht angepasst werden kann. Beispiel:

 <gmp-place-details>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
     <gmp-place-address></gmp-place-address>
   </gmp-place-content-config>
 </gmp-place-details> 

<gmp-place-content-config></gmp-place-content-config>

const {PlaceContentConfigElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceContentConfigElement	PlaceContentConfigElement([options]) Parameter: options: PlaceContentConfigElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceContentConfigElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceContentConfigElementOptions
implementiert von PlaceContentConfigElement

Optionen für PlaceContentConfigElement.

PlaceAllContentElement-Klasse

class google.maps.places.PlaceAllContentElement extends HTMLElement implements PlaceAllContentElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um alle verfügbaren Inhalte anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element an, um es zu verwenden. Beispiel:

 <gmp-place-details>
   <gmp-place-all-content></gmp-place-all-content>
 </gmp-place-details>
 

<gmp-place-all-content></gmp-place-all-content>

const {PlaceAllContentElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceAllContentElement	PlaceAllContentElement([options]) Parameter: options: PlaceAllContentElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceAllContentElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceAllContentElementOptions
implementiert von PlaceAllContentElement

Optionen für PlaceAllContentElement.

PlaceStandardContentElement-Klasse

class google.maps.places.PlaceStandardContentElement extends HTMLElement implements PlaceStandardContentElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um einen Standardsatz von Inhalten anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element an, um es zu verwenden.
Für PlaceDetailsElement bestehen Standardinhalte aus:

• Medien
• Adresse
• rating
• Typ
• Preis
• Symbol für barrierefreien Eingang
• Website
• Telefonnummer
• Öffnungszeiten
• Zusammenfassung
• typspezifische Highlights
• Rezensionen
• Funktionsliste

Für PlaceDetailsCompactElement bestehen Standardinhalte aus:

• Medien
• rating
• Typ
• Preis
• Symbol für barrierefreien Eingang
• Status „Jetzt geöffnet“

Für PlaceSearchElement bestehen Standardinhalte aus:

• Medien
• rating
• Typ
• Preis
• Symbol für barrierefreien Eingang

Beispiel:

 <gmp-place-details>
   <gmp-place-standard-content></gmp-place-standard-content>
 </gmp-place-details>
 

<gmp-place-standard-content></gmp-place-standard-content>

const {PlaceStandardContentElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceStandardContentElement	PlaceStandardContentElement([options]) Parameter: options: PlaceStandardContentElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceStandardContentElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceStandardContentElementOptions
implementiert von PlaceStandardContentElement

Optionen für PlaceStandardContentElement.

PlaceMediaElement-Klasse

class google.maps.places.PlaceMediaElement extends HTMLElement implements PlaceMediaElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um die Medien eines Orts, z. B. Fotos, anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-media lightbox-preferred></gmp-place-media>
 </gmp-place-content-config>
 

<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>

const {PlaceMediaElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceMediaElement	PlaceMediaElement([options]) Parameter: options: PlaceMediaElementOptions optional

Attribute
lightboxPreferred attr: lightbox-preferred	Eingabetyp: boolean optional Ausgabetyp: boolean Standard: false Gibt an, ob die Media-Lightbox aktiviert oder deaktiviert werden soll, wenn beide Optionen unterstützt werden. HTML-Attribut: lightbox-preferred
preferredSize attr: preferred-size	Eingabetyp: MediaSize optional Ausgabetyp: MediaSize optional Standard: null Die bevorzugte Mediengröße, wenn mehrere Größen unterstützt werden, z. B. die vertikale PlaceSearchElement. Für die Branche PlaceSearchElement wird standardmäßig MediaSize.SMALL verwendet, wenn nichts anderes angegeben ist. HTML-Attribut: preferred-size="value-name"

Methoden
Übernommen: addEventListener, removeEventListener

PlaceMediaElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceMediaElementOptions
implementiert von PlaceMediaElement

Optionen für PlaceMediaElement.

Attribute
lightboxPreferred optional	Typ: boolean optional PlaceMediaElement.lightboxPreferred ansehen.
preferredSize optional	Typ: MediaSize optional PlaceMediaElement.preferredSize ansehen.

MediaSize-Konstanten

Konstanten google.maps.places.MediaSize
Bibliothek "places"

Die bevorzugte Mediengröße, wenn mehrere Größen unterstützt werden, z. B. die vertikale PlaceSearchElement.

Diese Konstanten können auch als Strings verwendet werden. In TypeScript werden die Stringliterale durch den Typ MediaSizeString definiert.

const {MediaSize} = await google.maps.importLibrary("places");

Konstanten
LARGE	Große Mediengröße.
MEDIUM	Mittlere Mediengröße.
SMALL	Kleine Mediengröße.

PlaceAddressElement-Klasse

class google.maps.places.PlaceAddressElement extends HTMLElement implements PlaceAddressElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um die Adresse eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-address></gmp-place-address>
 </gmp-place-content-config>
 

<gmp-place-address></gmp-place-address>

const {PlaceAddressElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceAddressElement	PlaceAddressElement([options]) Parameter: options: PlaceAddressElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceAddressElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceAddressElementOptions
implementiert von PlaceAddressElement

Optionen für PlaceAddressElement.

PlaceRatingElement-Klasse

class google.maps.places.PlaceRatingElement extends HTMLElement implements PlaceRatingElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um die Bewertung eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-rating></gmp-place-rating>
 </gmp-place-content-config>
 

<gmp-place-rating></gmp-place-rating>

const {PlaceRatingElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceRatingElement	PlaceRatingElement([options]) Parameter: options: PlaceRatingElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceRatingElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceRatingElementOptions
implementiert von PlaceRatingElement

Optionen für PlaceRatingElement.

PlaceTypeElement-Klasse

class google.maps.places.PlaceTypeElement extends HTMLElement implements PlaceTypeElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um den Typ eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-type></gmp-place-type>
 </gmp-place-content-config>
 

<gmp-place-type></gmp-place-type>

const {PlaceTypeElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceTypeElement	PlaceTypeElement([options]) Parameter: options: PlaceTypeElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceTypeElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceTypeElementOptions
implementiert von PlaceTypeElement

Optionen für PlaceTypeElement.

PlacePriceElement-Klasse

class google.maps.places.PlacePriceElement extends HTMLElement implements PlacePriceElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um die Preisstufe oder Preisspanne eines Ortes anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-price></gmp-place-price>
 </gmp-place-content-config>
 

<gmp-place-price></gmp-place-price>

const {PlacePriceElement} = await google.maps.importLibrary("places");

Konstruktor
PlacePriceElement	PlacePriceElement([options]) Parameter: options: PlacePriceElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlacePriceElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlacePriceElementOptions
implementiert von PlacePriceElement

Optionen für PlacePriceElement.

PlaceAccessibleEntranceIconElement-Klasse

class google.maps.places.PlaceAccessibleEntranceIconElement extends HTMLElement implements PlaceAccessibleEntranceIconElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement so, dass ein Rollstuhlsymbol angezeigt wird, wenn der Ort einen barrierefreien Eingang hat. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 </gmp-place-content-config>
 

<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceAccessibleEntranceIconElement	PlaceAccessibleEntranceIconElement([options]) Parameter: options: PlaceAccessibleEntranceIconElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceAccessibleEntranceIconElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceAccessibleEntranceIconElementOptions
implementiert von PlaceAccessibleEntranceIconElement

Optionen für PlaceAccessibleEntranceIconElement.

PlaceOpenNowStatusElement-Klasse

class google.maps.places.PlaceOpenNowStatusElement extends HTMLElement implements PlaceOpenNowStatusElementOptions
library "places"

Konfiguriert ein PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement, um den aktuellen Status eines Ortes (geöffnet oder geschlossen) anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-open-now-status></gmp-place-open-now-status>
 </gmp-place-content-config>
 

<gmp-place-open-now-status></gmp-place-open-now-status>

const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceOpenNowStatusElement	PlaceOpenNowStatusElement([options]) Parameter: options: PlaceOpenNowStatusElementOptions optional

Methoden
Übernommen: addEventListener, removeEventListener

PlaceOpenNowStatusElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceOpenNowStatusElementOptions
implementiert von PlaceOpenNowStatusElement

Optionen für PlaceOpenNowStatusElement.

PlaceReviewSummaryElement-Klasse

class google.maps.places.PlaceReviewSummaryElement extends HTMLElement implements PlaceReviewSummaryElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um den Rezensionsüberblick für einen Ort anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-review-summary></gmp-place-review-summary>
 </gmp-place-content-config>
 

<gmp-place-review-summary></gmp-place-review-summary>

const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlaceReviewSummaryElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceReviewSummaryElementOptions
implementiert von PlaceReviewSummaryElement

Optionen für PlaceReviewSummaryElement.

PlaceReviewsElement-Klasse

class google.maps.places.PlaceReviewsElement extends HTMLElement implements PlaceReviewsElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um die Rezensionen eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-reviews></gmp-place-reviews>
 </gmp-place-content-config>
 

<gmp-place-reviews></gmp-place-reviews>

const {PlaceReviewsElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlaceReviewsElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceReviewsElementOptions
implementiert von PlaceReviewsElement

Optionen für PlaceReviewsElement.

Klasse PlaceSummaryElement

class google.maps.places.PlaceSummaryElement extends HTMLElement implements PlaceSummaryElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um die Zusammenfassung eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-summary></gmp-place-summary>
 </gmp-place-content-config>
 

<gmp-place-summary></gmp-place-summary>

const {PlaceSummaryElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

Schnittstelle PlaceSummaryElementOptions

Schnittstelle google.maps.places.PlaceSummaryElementOptions
implementiert von PlaceSummaryElement

Optionen für PlaceSummaryElement.

PlaceFeatureListElement-Klasse

class google.maps.places.PlaceFeatureListElement extends HTMLElement implements PlaceFeatureListElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um die Liste der Merkmale eines Ortes auf dem Tab „Info“ anzuzeigen. Die Liste der Funktionen kann Optionen für Barrierefreiheit im Internet, Ausstattung, akzeptierte Zahlungsmethoden und mehr enthalten. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-feature-list></gmp-place-feature-list>
 </gmp-place-content-config>
 

<gmp-place-feature-list></gmp-place-feature-list>

const {PlaceFeatureListElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

Schnittstelle PlaceFeatureListElementOptions

Schnittstelle google.maps.places.PlaceFeatureListElementOptions
implementiert von PlaceFeatureListElement

Optionen für PlaceFeatureListElement.

PlaceOpeningHoursElement-Klasse

class google.maps.places.PlaceOpeningHoursElement extends HTMLElement implements PlaceOpeningHoursElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um die Öffnungszeiten eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-opening-hours></gmp-place-opening-hours>
 </gmp-place-content-config>
 

<gmp-place-opening-hours></gmp-place-opening-hours>

const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlaceOpeningHoursElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceOpeningHoursElementOptions
implementiert von PlaceOpeningHoursElement

Optionen für PlaceOpeningHoursElement.

PlacePhoneNumberElement-Klasse

class google.maps.places.PlacePhoneNumberElement extends HTMLElement implements PlacePhoneNumberElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um die Telefonnummer eines Orts anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-phone-number></gmp-place-phone-number>
 </gmp-place-content-config>
 

<gmp-place-phone-number></gmp-place-phone-number>

const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlacePhoneNumberElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlacePhoneNumberElementOptions
implementiert von PlacePhoneNumberElement

Optionen für PlacePhoneNumberElement.

PlacePlusCodeElement-Klasse

class google.maps.places.PlacePlusCodeElement extends HTMLElement implements PlacePlusCodeElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um den Plus Code eines Ortes anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-plus-code></gmp-place-plus-code>
 </gmp-place-content-config>
 

<gmp-place-plus-code></gmp-place-plus-code>

const {PlacePlusCodeElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlacePlusCodeElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlacePlusCodeElementOptions
implementiert von PlacePlusCodeElement

Optionen für PlacePlusCodeElement.

PlaceTypeSpecificHighlightsElement-Klasse

class google.maps.places.PlaceTypeSpecificHighlightsElement extends HTMLElement implements PlaceTypeSpecificHighlightsElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um typspezifische Highlights eines Orts anzuzeigen, z. B. Kraftstoffpreise und die Verfügbarkeit von Ladestationen für Elektrofahrzeuge. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 </gmp-place-content-config>
 

<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>

const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlaceTypeSpecificHighlightsElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceTypeSpecificHighlightsElementOptions
implementiert von PlaceTypeSpecificHighlightsElement

Optionen für PlaceTypeSpecificHighlightsElement.

PlaceWebsiteElement-Klasse

class google.maps.places.PlaceWebsiteElement extends HTMLElement implements PlaceWebsiteElementOptions
library "places"

Konfiguriert ein PlaceDetailsElement, um die Website eines Ortes anzuzeigen. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Beispiel:

 <gmp-place-content-config>
   <gmp-place-website></gmp-place-website>
 </gmp-place-content-config>
 

<gmp-place-website></gmp-place-website>

const {PlaceWebsiteElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlaceWebsiteElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceWebsiteElementOptions
implementiert von PlaceWebsiteElement

Optionen für PlaceWebsiteElement.

PlaceAttributionElement-Klasse

class google.maps.places.PlaceAttributionElement extends HTMLElement implements PlaceAttributionElementOptions
library "places"

Ermöglicht die Anpassung des Google Maps-Quellenangabetexts in einem PlaceDetailsCompactElement, PlaceDetailsElement oder PlaceSearchElement. Hängen Sie dieses Element als untergeordnetes Element eines PlaceContentConfigElement-Elements an, um es zu verwenden. Wenn dieses Element weggelassen wird, wird die Quellenangabe trotzdem mit den Standardfarben angezeigt. Beispiel:

 <gmp-place-content-config>
   <gmp-place-attribution
      light-scheme-color="black"
      dark-scheme-color="white"
   ></gmp-place-attribution>
 </gmp-place-content-config>
 

<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>

const {PlaceAttributionElement} = await google.maps.importLibrary("places");

Konstruktor
PlaceAttributionElement	PlaceAttributionElement([options]) Parameter: options: PlaceAttributionElementOptions optional

Attribute
darkSchemeColor attr: dark-scheme-color	Eingabetyp: AttributionColor optional Ausgabetyp: AttributionColor Standard: AttributionColor.WHITE Die Farbe der Google Maps-Urheberrechtsangabe im dunklen Modus. HTML-Attribut: dark-scheme-color="value-name"
lightSchemeColor attr: light-scheme-color	Eingabetyp: AttributionColor optional Ausgabetyp: AttributionColor Standard: AttributionColor.GRAY Die Farbe der Google Maps-Quellenangabe im hellen Modus. HTML-Attribut: light-scheme-color="value-name"

Methoden
Übernommen: addEventListener, removeEventListener

PlaceAttributionElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceAttributionElementOptions
implementiert von PlaceAttributionElement

Optionen für PlaceAttributionElement.

Attribute
darkSchemeColor optional	Typ: AttributionColor optional PlaceAttributionElement.darkSchemeColor ansehen.
lightSchemeColor optional	Typ: AttributionColor optional PlaceAttributionElement.lightSchemeColor ansehen.

AttributionColor-Konstanten

Konstanten google.maps.places.AttributionColor
Bibliothek "places"

Farboptionen für den Text der Quellenangabe in Google Maps. Die Quellenangabe kann mit einer dieser Farben angepasst werden.

Diese Konstanten können auch als Strings verwendet werden. In TypeScript werden die Stringliterale durch den Typ AttributionColorString definiert.

const {AttributionColor} = await google.maps.importLibrary("places");

Konstanten
BLACK	Schwarzer Text für die Quellenangabe.
GRAY	Grauer Text für die Quellenangabe.
WHITE	Weißer Text für die Quellenangabe.

PlaceButtonElement-Klasse

class google.maps.places.PlaceButtonElement extends HTMLElement implements PlaceButtonElementOptions
library "places"

Hinweis: Nur in der v=Betaversion verfügbar.

Zeigt eine Schaltfläche an, die entweder im Slot action-main oder im Slot action-corner platziert ist. PlaceButtonElement hat kein Standardverhalten. Fügen Sie dem Element einen Event-Listener hinzu, um sein Verhalten zu definieren. Standardmäßig wird die Schaltfläche im Slot action-main angezeigt.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>

const {PlaceButtonElement} = await google.maps.importLibrary("places");

Attribute
actionAriaLabel attr: action-aria-label	Typ: string optional Standard: undefined Das ARIA-Label für das interne Steuerelement. Steuerelemente, die nur aus einem Symbol bestehen, sollten immer ein aria-label haben, das ihren Zweck und ihr Verhalten beschreibt. In der Ecke gerenderte Steuerelemente haben kein Label. Daher wird empfohlen, für Steuerelemente in der Ecke ein aria-label anstelle des Labels zu verwenden. HTML-Attribut: action-aria-label="string"
label attr: label	Typ: string optional Standard: undefined Das Label, das im Steuerelement angezeigt werden soll. Bei Links mit vordefinierten Aktionstypen wird dieses Attribut ignoriert. Links und Schaltflächen, die im Slot für die Aktionsecke gerendert werden, haben kein Label. Es wird empfohlen, stattdessen das Attribut action-aria-label für Ecksteuerelemente zu verwenden. HTML-Attribut: label="string"

Slots
icon-start	Ein Slot für Symbolinhalte, die vor dem Label beginnen. Dies wird sowohl für die Haupt- als auch für die Eckaktionssteuerung verwendet. Wenn ein Steuerelement in den Eckstatus minimiert wird, wird der Inhalt in diesem Slot gerendert.

Teile
button	Ein CSS-Teil, der auf das innere Steuerelement abzielt.

Methoden
Übernommen: addEventListener, removeEventListener

Ereignisse
gmp-click	function(event) Argumente: event: PlaceActionEvent optional Wird ausgelöst, wenn auf das Steuerelement geklickt wird.

Schnittstelle PlaceButtonElementOptions

Schnittstelle google.maps.places.PlaceButtonElementOptions
implementiert von PlaceButtonElement

Hinweis: Nur in der v=Betaversion verfügbar.

Optionen für PlaceButtonElement.

Attribute
actionAriaLabel optional	Typ: string optional Das ARIA-Label für das interne Steuerelement. Steuerelemente, die nur aus einem Symbol bestehen, sollten immer ein aria-label haben, das ihren Zweck und ihr Verhalten beschreibt. In der Ecke gerenderte Steuerelemente haben kein Label. Daher wird empfohlen, für Steuerelemente in der Ecke ein aria-label anstelle des Labels zu verwenden.
label optional	Typ: string optional Das Label, das im Steuerelement angezeigt werden soll. Bei Links mit vordefinierten Aktionstypen wird dieses Attribut ignoriert. Links und Schaltflächen, die im Slot für die Aktionsecke gerendert werden, haben kein Label. Es wird empfohlen, stattdessen das Attribut action-aria-label für Ecksteuerelemente zu verwenden.

PlaceLinkElement-Klasse

class google.maps.places.PlaceLinkElement extends HTMLElement implements PlaceLinkElementOptions
library "places"

Hinweis: Nur in der v=Betaversion verfügbar.

Zeigt einen Link an, der entweder im Slot action-main oder im Slot action-corner platziert ist. Standardmäßig wird der Link im Slot action-main angezeigt. Verwenden Sie das Attribut action, um das Verhalten des Links anzugeben. Es sind mehrere Aktionstypen verfügbar, die in ActionLinkType aufgeführt sind. Geben Sie für einen benutzerdefinierten Link den Aktionstyp custom an und legen Sie die Attribute href und label fest.

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  href="string"
  label="string"
  target="string">
</gmp-place-link>

const {PlaceLinkElement} = await google.maps.importLibrary("places");

Attribute
action attr: action	Typ: ActionLinkType optional Die Art der Aktion, die ausgeführt werden soll, wenn auf den Link geklickt wird. Bestimmt das Standardlabel, das Symbol und das Ziel-href des Links. Verwenden Sie den Typ custom und geben Sie das Attribut href an, um ein Ziel manuell festzulegen. HTML-Attribut: action="value-name"
actionAriaLabel attr: action-aria-label	Typ: string optional Standard: undefined Das ARIA-Label für das interne Steuerelement. Steuerelemente, die nur aus einem Symbol bestehen, sollten immer ein aria-label haben, das ihren Zweck und ihr Verhalten beschreibt. In der Ecke gerenderte Steuerelemente haben kein Label. Daher wird empfohlen, für Steuerelemente in der Ecke ein aria-label anstelle des Labels zu verwenden. HTML-Attribut: action-aria-label="string"
href attr: href	Typ: string optional Standard: undefined Die URL, die geöffnet werden soll, wenn auf den Link geklickt wird. Dies wird nur verwendet, wenn das Attribut action auf custom gesetzt ist. HTML-Attribut: href="string"
label attr: label	Typ: string optional Standard: undefined Das Label, das im Steuerelement angezeigt werden soll. Bei Links mit vordefinierten Aktionstypen wird dieses Attribut ignoriert. Links und Schaltflächen, die im Slot für die Aktionsecke gerendert werden, haben kein Label. Es wird empfohlen, stattdessen das Attribut action-aria-label für Ecksteuerelemente zu verwenden. HTML-Attribut: label="string"
target attr: target	Typ: string optional Standard: undefined Bestimmt, wo der Link geöffnet wird. Weitere Informationen finden Sie unter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target. HTML-Attribut: target="string"

Slots
icon-start	Ein Slot für Symbolinhalte, die vor dem Label beginnen. Dies wird sowohl für die Haupt- als auch für die Eckaktionssteuerung verwendet. Wenn ein Steuerelement in den Eckstatus minimiert wird, wird der Inhalt in diesem Slot gerendert.

Teile
button	Ein CSS-Teil, der auf das innere Steuerelement abzielt.

Methoden
Übernommen: addEventListener, removeEventListener

Ereignisse
gmp-click	function(event) Argumente: event: PlaceActionEvent optional Wird ausgelöst, wenn auf das Steuerelement geklickt wird.

PlaceLinkElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceLinkElementOptions
implementiert von PlaceLinkElement

Hinweis: Nur in der v=Betaversion verfügbar.

Optionen für PlaceLinkElement.

Attribute
action optional	Typ: ActionLinkType optional PlaceLinkElement.action ansehen.
actionAriaLabel optional	Typ: string optional Das ARIA-Label für das interne Steuerelement. Steuerelemente, die nur aus einem Symbol bestehen, sollten immer ein aria-label haben, das ihren Zweck und ihr Verhalten beschreibt. In der Ecke gerenderte Steuerelemente haben kein Label. Daher wird empfohlen, für Steuerelemente in der Ecke ein aria-label anstelle des Labels zu verwenden.
href optional	Typ: string optional PlaceLinkElement.href ansehen.
label optional	Typ: string optional Das Label, das im Steuerelement angezeigt werden soll. Bei Links mit vordefinierten Aktionstypen wird dieses Attribut ignoriert. Links und Schaltflächen, die im Slot für die Aktionsecke gerendert werden, haben kein Label. Es wird empfohlen, stattdessen das Attribut action-aria-label für Ecksteuerelemente zu verwenden.
target optional	Typ: string optional PlaceLinkElement.target ansehen.

ActionLinkType-Konstanten

Konstanten google.maps.places.ActionLinkType
Bibliothek "places"

Hinweis: Nur in der v=Betaversion verfügbar.

Die Aktion, die ausgeführt wird, wenn auf ein PlaceLinkElement geklickt wird. Bestimmt das Symbol, das Label und das href-Ziel.

Diese Konstanten können auch als Strings verwendet werden. In TypeScript werden die Stringliterale durch den Typ ActionLinkTypeString definiert.

const {ActionLinkType} = await google.maps.importLibrary("places");

Konstanten
CALL	Löst einen tel:-Link aus, um den Ort anzurufen. Das Verhalten ist vom Betriebssystem abhängig.
CUSTOM	Verwenden Sie diesen Aktionstyp für benutzerdefinierte Links. Wenn Sie diesen Aktionstyp verwenden, muss das Attribut href für PlaceLinkElement festgelegt werden.
OPEN_DIRECTIONS	Öffnet die Wegbeschreibung zu dem Ort, der durch PlaceLinkElement.target angegeben ist.
OPEN_MAP	Öffnet die Karte an dem durch PlaceLinkElement.target angegebenen Ort.
OPEN_WEBSITE	Öffnet die Website des Orts an dem durch PlaceLinkElement.target angegebenen Ort.

ActionButtonPosition-Konstanten

Konstanten google.maps.places.ActionButtonPosition
Bibliothek "places"

Hinweis: Nur in der v=Betaversion verfügbar.

Die Position des Steuerelements im Place Details-Widget.

Diese Konstanten können auch als Strings verwendet werden. In TypeScript werden die Stringliterale durch den Typ ActionButtonPositionString definiert.

const {ActionButtonPosition} = await google.maps.importLibrary("places");

Konstanten
ACTION_CORNER	Das Steuerelement wird in der Ecke des Widgets gerendert. Bei Ecksteuerelementen wird nur ein Symbol gerendert.
ACTION_MAIN	Das Steuerelement wird im Hauptinhaltsbereich des Widgets gerendert. Labels und Symbole werden gerendert.

PlaceActionEvent-Klasse

Klasse google.maps.places.PlaceActionEvent erweitert Event
Bibliothek "places"

Hinweis: Nur in der v=Betaversion verfügbar.

Das Ereignis, das ausgelöst wird, wenn auf den Aktionsbutton geklickt wird.

const {PlaceActionEvent} = await google.maps.importLibrary("places");

Attribute
place readonly	Typ: Place Der Ort, auf den geklickt wurde.

PlaceNameElement-Klasse

class google.maps.places.PlaceNameElement extends HTMLElement implements PlaceNameElementOptions
library "places"

Hinweis: Nur in der v=Betaversion verfügbar.

Zeigt den Namen eines Orts in einem Place Details-Element an.

<gmp-place-name></gmp-place-name>

const {PlaceNameElement} = await google.maps.importLibrary("places");

Methoden
Übernommen: addEventListener, removeEventListener

PlaceNameElementOptions-Schnittstelle

Schnittstelle google.maps.places.PlaceNameElementOptions
implementiert von PlaceNameElement

Hinweis: Nur in der v=Betaversion verfügbar.

Optionen für PlaceNameElement.