Places Widgets

Stay organized with collections Save and categorize content based on your preferences.

PlaceAutocompleteElement class

google.maps.places.PlaceAutocompleteElement class

PlaceAutocompleteElement is an HTMLElement subclass which provides a UI component for the Places Autocomplete API.

PlaceAutocompleteElement automatically uses AutocompleteSessionTokens internally to group the query and selection phases of a user's autocomplete search.

The first call to Place.fetchFields on a Place returned by PlacePrediction.toPlace will automatically include the session token used to fetch the PlacePrediction.

See https://developers.google.com/maps/documentation/places/web-service/place-session-tokens for more details on how sessions work.

Custom element:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

This class extends HTMLElement.

This class implements PlaceAutocompleteElementOptions.

Access by calling const {PlaceAutocompleteElement} = 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.

PlaceAutocompleteElementOptions interface

google.maps.places.PlaceAutocompleteElementOptions interface

Options for constructing a PlaceAutocompleteElement. For the description of each property, refer to the property of the same name in the PlaceAutocompleteElement class.

PlacePredictionSelectEvent class

google.maps.places.PlacePredictionSelectEvent class

This event is created after the user selects a prediction item with the PlaceAutocompleteElement. Access the selection with event.placePrediction.

Convert placePrediction to a Place by calling PlacePrediction.toPlace.

This class extends Event.

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

PlaceAutocompleteRequestErrorEvent class

google.maps.places.PlaceAutocompleteRequestErrorEvent class

This event is emitted by the PlaceAutocompleteElement when there is an issue with the network request.

This class extends Event.

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

PlaceContextualElement class

google.maps.places.PlaceContextualElement class

A widget that uses the context token to display a contextual view of the Grounding with Google Maps response.

Custom element:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

This class extends HTMLElement.

This class implements PlaceContextualElementOptions.

Access by calling const {PlaceContextualElement} = 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.

PlaceContextualElementOptions interface

google.maps.places.PlaceContextualElementOptions interface

Options for PlaceContextualElement.

PlaceContextualListConfigElement class

google.maps.places.PlaceContextualListConfigElement class

An HTML element that configures options for the Place Contextual Element's list view.

Custom element:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

This class extends HTMLElement.

This class implements PlaceContextualListConfigElementOptions.

Access by calling const {PlaceContextualListConfigElement} = 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.

PlaceContextualListConfigElementOptions interface

google.maps.places.PlaceContextualListConfigElementOptions interface

Options for PlaceContextualListConfigElement.

PlaceContextualListLayout constants

google.maps.places.PlaceContextualListLayout constants

The list of layouts that the Place Contextual Element supports for the list view.

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

PlaceDetailsElement class

google.maps.places.PlaceDetailsElement class

An HTML element that displays details for a place. Use the configureFromPlace() or configureFromLocation() methods to specify the content to be rendered. To use the Place Details Element, enable the Places UI Kit API for your project in the Google Cloud console.

Custom element:
<gmp-place-details size="small"></gmp-place-details>

This class extends HTMLElement.

This class implements PlaceDetailsElementOptions.

Access by calling const {PlaceDetailsElement} = 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.
configureFromLocation	configureFromLocation(location) Parameters:  location:  LatLng|LatLngLiteral The location to render place details for. Return Value:  Promise<void> A promise that resolves once place data is loaded and rendered. Configures the widget from a LatLng using reverse geocoding.
configureFromPlace	configureFromPlace(place) Parameters:  place:  Place|{id:string} The place to render details for. Return Value:  Promise<void> A promise that resolves once place data is loaded and rendered. Configures the widget from a Place object or Place ID.
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.

PlaceDetailsElementOptions interface

google.maps.places.PlaceDetailsElementOptions interface

Options for PlaceDetailsElement.

PlaceDetailsSize constants

google.maps.places.PlaceDetailsSize constants

Size variants for PlaceDetailsElement.

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

PlaceDetailsCompactElement class

google.maps.places.PlaceDetailsCompactElement class

Displays details for a place in a compact layout. Append a PlaceDetailsPlaceRequestElement to specify the place to be rendered. Append a PlaceContentConfigElement, PlaceStandardContentElement, or PlaceAllContentElement to specify which content to render.

To use this element, enable the Places UI Kit API for your project in the Google Cloud console.

Custom element:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>

This class extends HTMLElement.

This class implements PlaceDetailsCompactElementOptions.

Access by calling const {PlaceDetailsCompactElement} = 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.

PlaceDetailsCompactElementOptions interface

google.maps.places.PlaceDetailsCompactElementOptions interface

Options for PlaceDetailsCompactElement.

PlaceDetailsOrientation constants

google.maps.places.PlaceDetailsOrientation constants

Orientation variants for PlaceDetailsCompactElement.

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

PlaceDetailsPlaceRequestElement class

google.maps.places.PlaceDetailsPlaceRequestElement class

Configures a Place Details Compact element to load data based on a place object, ID, or resource name. Append this element as a child of a PlaceDetailsCompactElement to load data for the specified place.

Custom element:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>

This class extends HTMLElement.

This class implements PlaceDetailsPlaceRequestElementOptions.

Access by calling const {PlaceDetailsPlaceRequestElement} = 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.

PlaceDetailsPlaceRequestElementOptions interface

google.maps.places.PlaceDetailsPlaceRequestElementOptions interface

Options for PlaceDetailsPlaceRequestElement.

PlaceContentConfigElement class

google.maps.places.PlaceContentConfigElement class

Configures the content to be shown by a Place Details Compact element. Append this element as a child of a PlaceDetailsCompactElement to use it. Append any of the following elements to the PlaceContentConfigElement to show the corresponding content:
PlaceMediaElement, PlaceAddressElement, PlaceRatingElement, PlaceTypeElement, PlacePriceElement, PlaceAccessibleEntranceIconElement, PlaceOpenNowStatusElement, PlaceAttributionElement
The order of the children does not matter; the element renders content in a standard order which is not customizable.

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.

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.

PlaceMediaElement class

google.maps.places.PlaceMediaElement class

Configures a Place Details Compact element to show a place's media, such as photos. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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.

PlaceAddressElement class

google.maps.places.PlaceAddressElement class

Configures a Place Details Compact element to show a place's address. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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 Place Details Compact element to show a place's rating. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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 Place Details Compact element to show a place's type. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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 Place Details Compact element to show a place's price level or price range. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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 Place Details Compact element to show a wheelchair icon if the place has an accessible entrance. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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 Place Details Compact element to show the current open or closed status of a place. Append this element as a child of a PlaceContentConfigElement to use it.

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.

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.

PlaceAttributionElement class

google.maps.places.PlaceAttributionElement class

Allows customization of the Google Maps attribution text in a Place Details Compact element. 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.

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.

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.

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.

PlaceAllContentElement class

google.maps.places.PlaceAllContentElement class

Configures a Place Details Compact element to show all available content. Append this element as a child of a PlaceDetailsCompactElement to use it.

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.

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 Place Details Compact element to show a standard set of content (media, rating, type, price, accessible entrance icon, and open now status). Append this element as a child of a PlaceDetailsCompactElement to use it.

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.

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.

PlaceListElement class

google.maps.places.PlaceListElement class

An HTML element that displays the results of a place search in a list. Use the configureFromSearchByTextRequest() or configureFromSearchNearbyRequest() methods to specify the request to render results for. To use the Place List Element, enable the Places UI Kit API for your project in the Google Cloud console.

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

This class extends HTMLElement.

This class implements PlaceListElementOptions.

Access by calling const {PlaceListElement} = 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.
configureFromSearchByTextRequest	configureFromSearchByTextRequest(request) Parameters:  request:  SearchByTextRequest The request to render results for. The fields property of the SearchByTextRequest is not required. Return Value:  Promise<void> A promise that resolves once place data is loaded and rendered. Configures the widget to render search results from a Places Text Search API request.
configureFromSearchNearbyRequest	configureFromSearchNearbyRequest(request) Parameters:  request:  SearchNearbyRequest The request to render results for. The fields property of the SearchNearbyRequest is not required. Return Value:  Promise<void> A promise that resolves once place data is loaded and rendered. Configures the widget to render search results from a Places Nearby Search API request.
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.

PlaceListElementOptions interface

google.maps.places.PlaceListElementOptions interface

Options for PlaceListElement.

PlaceListPlaceSelectEvent class

google.maps.places.PlaceListPlaceSelectEvent class

This event is emitted by the PlaceListElement when the user selects a place.

This class extends Event.

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

Autocomplete class

google.maps.places.Autocomplete class

A widget that provides Place predictions based on a user's text input. It attaches to an input element of type text, and listens for text entry in that field. The list of predictions is presented as a drop-down list, and is updated as text is entered.

This class extends MVCObject.

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

AutocompleteOptions interface

google.maps.places.AutocompleteOptions interface

The options that can be set on an Autocomplete object.

SearchBox class

google.maps.places.SearchBox class

A widget that provides query predictions based on a user's text input. It attaches to an input element of type text, and listens for text entry in that field. The list of predictions is presented as a drop-down list, and is updated as text is entered.

This class extends MVCObject.

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

SearchBoxOptions interface

google.maps.places.SearchBoxOptions interface

The options that can be set on a SearchBox object.