Place Widget Child Elements

PlaceAllContentElement class

google.maps.places.PlaceAllContentElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show all available content. Append this element as a child to use it. For example:

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

Custom element:
<gmp-place-all-content></gmp-place-all-content>

This class extends HTMLElement.

This class implements PlaceAllContentElementOptions.

Access by calling const {PlaceAllContentElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceAllContentElement
PlaceAllContentElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceAllContentElementOptions interface

google.maps.places.PlaceAllContentElementOptions interface

Options for PlaceAllContentElement.

PlaceStandardContentElement class

google.maps.places.PlaceStandardContentElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a standard set of content. Append this element as a child to use it.
For PlaceDetailsElement, standard content consists of:

  • media
  • address
  • rating
  • type
  • price
  • accessible entrance icon
  • website
  • phone number
  • opening hours
  • summary
  • type specific highlights
  • reviews
  • feature list

For PlaceDetailsCompactElement, standard content consists of:
  • media
  • rating
  • type
  • price
  • accessible entrance icon
  • open now status

For example:
 <gmp-place-details>
  <gmp-place-standard-content></gmp-place-standard-content>
</gmp-place-details>

Custom element:
<gmp-place-standard-content></gmp-place-standard-content>

This class extends HTMLElement.

This class implements PlaceStandardContentElementOptions.

Access by calling const {PlaceStandardContentElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceStandardContentElement
PlaceStandardContentElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceStandardContentElementOptions interface

google.maps.places.PlaceStandardContentElementOptions interface

Options for PlaceStandardContentElement.

PlaceMediaElement class

google.maps.places.PlaceMediaElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a place's media, such as photos. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-media lightbox-preferred></gmp-place-media>

This class extends HTMLElement.

This class implements PlaceMediaElementOptions.

Access by calling const {PlaceMediaElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceMediaElement
PlaceMediaElement([options])
Parameters: 
lightboxPreferred
Type:  boolean optional
Default: false
Whether to enable or disable the media lightbox, in cases where both options are supported.
HTML attribute:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceMediaElementOptions interface

google.maps.places.PlaceMediaElementOptions interface

Options for PlaceMediaElement.

lightboxPreferred optional
Type:  boolean optional

PlaceAddressElement class

google.maps.places.PlaceAddressElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a place's address. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-address></gmp-place-address>

This class extends HTMLElement.

This class implements PlaceAddressElementOptions.

Access by calling const {PlaceAddressElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceAddressElement
PlaceAddressElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceAddressElementOptions interface

google.maps.places.PlaceAddressElementOptions interface

Options for PlaceAddressElement.

PlaceRatingElement class

google.maps.places.PlaceRatingElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a place's rating. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-rating></gmp-place-rating>

This class extends HTMLElement.

This class implements PlaceRatingElementOptions.

Access by calling const {PlaceRatingElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceRatingElement
PlaceRatingElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceRatingElementOptions interface

google.maps.places.PlaceRatingElementOptions interface

Options for PlaceRatingElement.

PlaceTypeElement class

google.maps.places.PlaceTypeElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a place's type. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-type></gmp-place-type>

This class extends HTMLElement.

This class implements PlaceTypeElementOptions.

Access by calling const {PlaceTypeElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceTypeElement
PlaceTypeElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceTypeElementOptions interface

google.maps.places.PlaceTypeElementOptions interface

Options for PlaceTypeElement.

PlacePriceElement class

google.maps.places.PlacePriceElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a place's price level or price range. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-price></gmp-place-price>

This class extends HTMLElement.

This class implements PlacePriceElementOptions.

Access by calling const {PlacePriceElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlacePriceElement
PlacePriceElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlacePriceElementOptions interface

google.maps.places.PlacePriceElementOptions interface

Options for PlacePriceElement.

PlaceAccessibleEntranceIconElement class

google.maps.places.PlaceAccessibleEntranceIconElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show a wheelchair icon if the place has an accessible entrance. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

This class extends HTMLElement.

This class implements PlaceAccessibleEntranceIconElementOptions.

Access by calling const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceAccessibleEntranceIconElementOptions interface

google.maps.places.PlaceAccessibleEntranceIconElementOptions interface

Options for PlaceAccessibleEntranceIconElement.

PlaceOpenNowStatusElement class

google.maps.places.PlaceOpenNowStatusElement class

Configures a PlaceDetailsCompactElement or PlaceDetailsElement to show the current open or closed status of a place. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-open-now-status></gmp-place-open-now-status>

This class extends HTMLElement.

This class implements PlaceOpenNowStatusElementOptions.

Access by calling const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parameters: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceOpenNowStatusElementOptions interface

google.maps.places.PlaceOpenNowStatusElementOptions interface

Options for PlaceOpenNowStatusElement.

PlaceReviewsElement class

google.maps.places.PlaceReviewsElement class

Configures a PlaceDetailsElement to show a place's reviews. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-reviews></gmp-place-reviews>

This class extends HTMLElement.

This class implements PlaceReviewsElementOptions.

Access by calling const {PlaceReviewsElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceReviewsElementOptions interface

google.maps.places.PlaceReviewsElementOptions interface

Options for PlaceReviewsElement.

PlaceSummaryElement class

google.maps.places.PlaceSummaryElement class

Configures a PlaceDetailsElement to show a place's summary. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-summary></gmp-place-summary>

This class extends HTMLElement.

This class implements PlaceSummaryElementOptions.

Access by calling const {PlaceSummaryElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceSummaryElementOptions interface

google.maps.places.PlaceSummaryElementOptions interface

Options for PlaceSummaryElement.

PlaceFeatureListElement class

google.maps.places.PlaceFeatureListElement class

Configures a PlaceDetailsElement to show a place's feature list in the "About" tab. Feature list can include accessibility options, amenities, accepted payment methods, and more. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-feature-list></gmp-place-feature-list>

This class extends HTMLElement.

This class implements PlaceFeatureListElementOptions.

Access by calling const {PlaceFeatureListElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceFeatureListElementOptions interface

google.maps.places.PlaceFeatureListElementOptions interface

Options for PlaceFeatureListElement.

PlaceOpeningHoursElement class

google.maps.places.PlaceOpeningHoursElement class

Configures a PlaceDetailsElement to show a place's opening hours. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-opening-hours></gmp-place-opening-hours>

This class extends HTMLElement.

This class implements PlaceOpeningHoursElementOptions.

Access by calling const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceOpeningHoursElementOptions interface

google.maps.places.PlaceOpeningHoursElementOptions interface

Options for PlaceOpeningHoursElement.

PlacePhoneNumberElement class

google.maps.places.PlacePhoneNumberElement class

Configures a PlaceDetailsElement to show a place's phone number. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-phone-number></gmp-place-phone-number>

This class extends HTMLElement.

This class implements PlacePhoneNumberElementOptions.

Access by calling const {PlacePhoneNumberElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlacePhoneNumberElementOptions interface

google.maps.places.PlacePhoneNumberElementOptions interface

Options for PlacePhoneNumberElement.

PlacePlusCodeElement class

google.maps.places.PlacePlusCodeElement class

Configures a PlaceDetailsElement to show a place's plus code. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-plus-code></gmp-place-plus-code>

This class extends HTMLElement.

This class implements PlacePlusCodeElementOptions.

Access by calling const {PlacePlusCodeElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlacePlusCodeElementOptions interface

google.maps.places.PlacePlusCodeElementOptions interface

Options for PlacePlusCodeElement.

PlaceTypeSpecificHighlightsElement class

google.maps.places.PlaceTypeSpecificHighlightsElement class

Configures a PlaceDetailsElement to show a place's type-specific highlights, such as gas prices and EV charger availability. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>

This class extends HTMLElement.

This class implements PlaceTypeSpecificHighlightsElementOptions.

Access by calling const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceTypeSpecificHighlightsElementOptions interface

google.maps.places.PlaceTypeSpecificHighlightsElementOptions interface

Options for PlaceTypeSpecificHighlightsElement.

PlaceWebsiteElement class

google.maps.places.PlaceWebsiteElement class

Configures a PlaceDetailsElement to show a place's website. Append this element as a child of a PlaceContentConfigElement to use it. For example:

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

Custom element:
<gmp-place-website></gmp-place-website>

This class extends HTMLElement.

This class implements PlaceWebsiteElementOptions.

Access by calling const {PlaceWebsiteElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceWebsiteElementOptions interface

google.maps.places.PlaceWebsiteElementOptions interface

Options for PlaceWebsiteElement.

PlaceAttributionElement class

google.maps.places.PlaceAttributionElement class

Allows customization of the Google Maps attribution text in a PlaceDetailsCompactElement or PlaceDetailsElement. Append this element as a child of a PlaceContentConfigElement to use it. If this element is omitted, attribution will still be shown with default colors. For example:

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

Custom element:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>

This class extends HTMLElement.

This class implements PlaceAttributionElementOptions.

Access by calling const {PlaceAttributionElement} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

PlaceAttributionElement
PlaceAttributionElement([options])
Parameters: 
darkSchemeColor
Type:  AttributionColor optional
Default: AttributionColor.WHITE
The color of the Google Maps attribution in dark mode.
HTML attribute:
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
Type:  AttributionColor optional
Default: AttributionColor.GRAY
The color of the Google Maps attribution in light mode.
HTML attribute:
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameters: 
  • typestring A case-sensitive string representing the event type to listen for.
  • listenerEventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • optionsboolean|AddEventListenerOptions optional See options. Custom events only support capture and passive.
Return Value:  void
Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameters: 
Return Value:  void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceAttributionElementOptions interface

google.maps.places.PlaceAttributionElementOptions interface

Options for PlaceAttributionElement.

darkSchemeColor optional
Type:  AttributionColor optional
lightSchemeColor optional
Type:  AttributionColor optional

AttributionColor constants

google.maps.places.AttributionColor constants

Color options for Google Maps attribution text. Attribution may be customized to use any of these colors.

Access by calling const {AttributionColor} = await google.maps.importLibrary("places").
See Libraries in the Maps JavaScript API.

BLACK Black attribution text.
GRAY Gray attribution text.
WHITE White attribution text.