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, 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:  options:  PlaceContentConfigElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceAllContentElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceStandardContentElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceMediaElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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 See PlaceMediaElement.lightboxPreferred.
preferredSize optional	Type:  MediaSize optional See PlaceMediaElement.preferredSize.

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:  options:  PlaceAddressElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceRatingElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceTypeElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlacePriceElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceAccessibleEntranceIconElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceOpenNowStatusElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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.

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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:  options:  PlaceAttributionElementOptions optional

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:  type:  string A string which specifies the type of event for which to remove an event listener. listener:  EventListener|EventListenerObject The event listener of the event handler to remove from the event target. options:  boolean|EventListenerOptions optional See options. 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 See PlaceAttributionElement.darkSchemeColor.
lightSchemeColor optional	Type:  AttributionColor optional See PlaceAttributionElement.lightSchemeColor.

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.