Get a Maps Demo Key: Try out select Maps JavaScript API and Places UI Kit features at no cost with a Maps Demo Key—no billing information required.

Place Widget Content Customization

[フレーム]

PlaceContentConfigElement class

google.maps.places.PlaceContentConfigElement class

Configures a PlaceDetailsCompactElement , PlaceDetailsElement or PlaceSearchElement to show a custom set of content. Append this element as a child to use it.

For PlaceDetailsCompactElement , PlaceDetailsElement or PlaceSearchElement , append any of the following elements to the PlaceContentConfigElement to show the corresponding content:
PlaceAddressElement , PlaceAccessibleEntranceIconElement , PlaceAttributionElement PlaceMediaElement , PlaceOpenNowStatusElement , PlacePriceElement , PlaceRatingElement , PlaceTypeElement .

Specific to PlaceDetailsElement , you may also append any of the following elements:
PlaceFeatureListElement PlaceOpeningHoursElement , PlacePhoneNumberElement , PlacePlusCodeElement , PlaceReviewSummaryElement , PlaceReviewsElement , PlaceSummaryElement , PlaceTypeSpecificHighlightsElement , PlaceWebsiteElement .

The order of the children does not matter; the element renders content in a standard order which is not customizable. Example:

 <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>

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

This class extends HTMLElement.

This class implements PlaceContentConfigElementOptions .

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

Constructor

PlaceContentConfigElement
PlaceContentConfigElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
removeEventListener(type, listener[, options])
Parameters:
Return Value: void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceContentConfigElementOptions interface

google.maps.places.PlaceContentConfigElementOptions interface

Options for PlaceContentConfigElement.

PlaceAllContentElement class

google.maps.places.PlaceAllContentElement class

Configures a PlaceDetailsCompactElement , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlaceAllContentElement
PlaceAllContentElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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 PlaceSearchElement , standard content consists of:
  • media
  • rating
  • type
  • price
  • accessible entrance icon

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.

Constructor

PlaceStandardContentElement
PlaceStandardContentElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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 preferred-size="small"></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.

Constructor

PlaceMediaElement
PlaceMediaElement([options])
Parameters:

Properties

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>
preferredSize
Type: MediaSize optional
Default: null
The preferred media size in cases where multiple sizes are supported, such as the vertical PlaceSearchElement . The vertical PlaceSearchElement will use MediaSize.SMALL by default if this is not specified.
HTML attribute:
  • <gmp-place-media preferred-size="small"></gmp-place-media>
  • <gmp-place-media preferred-size="medium"></gmp-place-media>
  • <gmp-place-media preferred-size="large"></gmp-place-media>

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Properties

lightboxPreferred optional
Type: boolean optional
preferredSize optional
Type: MediaSize optional

MediaSize constants

google.maps.places.MediaSize constants

The preferred media size in cases where multiple sizes are supported, such as the vertical PlaceSearchElement .

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

Constants

LARGE Large media size.
MEDIUM Medium media size.
SMALL Small media size.

PlaceAddressElement class

google.maps.places.PlaceAddressElement class

Configures a PlaceDetailsCompactElement , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlaceAddressElement
PlaceAddressElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlaceRatingElement
PlaceRatingElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlaceTypeElement
PlaceTypeElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlacePriceElement
PlacePriceElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement 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.

Constructor

PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parameters:

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

PlaceReviewSummaryElement class

google.maps.places.PlaceReviewSummaryElement class

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

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

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

This class extends HTMLElement.

This class implements PlaceReviewSummaryElementOptions .

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

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
removeEventListener(type, listener[, options])
Parameters:
Return Value: void
Removes an event listener previously registered with addEventListener from the target. See removeEventListener.

PlaceReviewSummaryElementOptions interface

google.maps.places.PlaceReviewSummaryElementOptions interface

Options for PlaceReviewSummaryElement.

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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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 , PlaceDetailsElement , or PlaceSearchElement . 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.

Constructor

PlaceAttributionElement
PlaceAttributionElement([options])
Parameters:

Properties

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>

Methods

addEventListener
addEventListener(type, listener[, options])
Parameters:
  • type: string A case-sensitive string representing the event type to listen for.
  • listener: EventListener|EventListenerObject The object that receives a notification. This must be a function or an object with the handleEvent method
  • options: boolean|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.
removeEventListener
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.

Properties

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.

Constants

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

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2026年09月01日 UTC.