PlaceAllContentElement class
google.maps.places.PlaceAllContentElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show all available content. Append this element as a child to use it. For example:
<gmp-place-details>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
Custom element:
<gmp-place-all-content></gmp-place-all-content>
This class extends
HTMLElement
.
This class implements
PlaceAllContentElementOptions
.
Access by calling const {PlaceAllContentElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceAllContentElement |
PlaceAllContentElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceAllContentElementOptions interface
google.maps.places.PlaceAllContentElementOptions
interface
Options for PlaceAllContentElement
.
PlaceStandardContentElement class
google.maps.places.PlaceStandardContentElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a standard set of content. Append this element as a child to use it.
For PlaceDetailsElement
, standard content consists of:
- media
- address
- rating
- type
- price
- accessible entrance icon
- website
- phone number
- opening hours
- summary
- type specific highlights
- reviews
- feature list
For
PlaceDetailsCompactElement
, standard content consists of: - media
- rating
- type
- price
- accessible entrance icon
- open now status
For example:
<gmp-place-details>
<gmp-place-standard-content></gmp-place-standard-content>
</gmp-place-details>
Custom element:
<gmp-place-standard-content></gmp-place-standard-content>
This class extends
HTMLElement
.
This class implements
PlaceStandardContentElementOptions
.
Access by calling const {PlaceStandardContentElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceStandardContentElementOptions interface
google.maps.places.PlaceStandardContentElementOptions
interface
Options for PlaceStandardContentElement
.
PlaceMediaElement class
google.maps.places.PlaceMediaElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a place's media, such as photos. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
Custom element:
<gmp-place-media lightbox-preferred></gmp-place-media>
This class extends
HTMLElement
.
This class implements
PlaceMediaElementOptions
.
Access by calling const {PlaceMediaElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
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:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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 |
PlaceAddressElement class
google.maps.places.PlaceAddressElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a place's address. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-address></gmp-place-address>
</gmp-place-content-config>
Custom element:
<gmp-place-address></gmp-place-address>
This class extends
HTMLElement
.
This class implements
PlaceAddressElementOptions
.
Access by calling const {PlaceAddressElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceAddressElement |
PlaceAddressElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceAddressElementOptions interface
google.maps.places.PlaceAddressElementOptions
interface
Options for PlaceAddressElement
.
PlaceRatingElement class
google.maps.places.PlaceRatingElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a place's rating. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-rating></gmp-place-rating>
</gmp-place-content-config>
Custom element:
<gmp-place-rating></gmp-place-rating>
This class extends
HTMLElement
.
This class implements
PlaceRatingElementOptions
.
Access by calling const {PlaceRatingElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceRatingElement |
PlaceRatingElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceRatingElementOptions interface
google.maps.places.PlaceRatingElementOptions
interface
Options for PlaceRatingElement
.
PlaceTypeElement class
google.maps.places.PlaceTypeElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a place's type. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-type></gmp-place-type>
</gmp-place-content-config>
Custom element:
<gmp-place-type></gmp-place-type>
This class extends
HTMLElement
.
This class implements
PlaceTypeElementOptions
.
Access by calling const {PlaceTypeElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceTypeElement |
PlaceTypeElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceTypeElementOptions interface
google.maps.places.PlaceTypeElementOptions
interface
Options for PlaceTypeElement
.
PlacePriceElement class
google.maps.places.PlacePriceElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a place's price level or price range. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-price></gmp-place-price>
</gmp-place-content-config>
Custom element:
<gmp-place-price></gmp-place-price>
This class extends
HTMLElement
.
This class implements
PlacePriceElementOptions
.
Access by calling const {PlacePriceElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlacePriceElement |
PlacePriceElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlacePriceElementOptions interface
google.maps.places.PlacePriceElementOptions
interface
Options for PlacePriceElement
.
PlaceAccessibleEntranceIconElement class
google.maps.places.PlaceAccessibleEntranceIconElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show a wheelchair icon if the place has an accessible entrance. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
</gmp-place-content-config>
Custom element:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
This class extends
HTMLElement
.
This class implements
PlaceAccessibleEntranceIconElementOptions
.
Access by calling const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceAccessibleEntranceIconElementOptions interface
google.maps.places.PlaceAccessibleEntranceIconElementOptions
interface
Options for PlaceAccessibleEntranceIconElement
.
PlaceOpenNowStatusElement class
google.maps.places.PlaceOpenNowStatusElement
class
Configures a PlaceDetailsCompactElement
or PlaceDetailsElement
to show the current open or closed status of a place. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-open-now-status></gmp-place-open-now-status>
</gmp-place-content-config>
Custom element:
<gmp-place-open-now-status></gmp-place-open-now-status>
This class extends
HTMLElement
.
This class implements
PlaceOpenNowStatusElementOptions
.
Access by calling const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Constructor | |
---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options]) Parameters:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceOpenNowStatusElementOptions interface
google.maps.places.PlaceOpenNowStatusElementOptions
interface
Options for PlaceOpenNowStatusElement
.
PlaceReviewsElement class
google.maps.places.PlaceReviewsElement
class
Configures a PlaceDetailsElement
to show a place's reviews. Append this element as a child of a PlaceContentConfigElement
to use it. For example:
<gmp-place-content-config>
<gmp-place-reviews></gmp-place-reviews>
</gmp-place-content-config>
Custom element:
<gmp-place-reviews></gmp-place-reviews>
This class extends
HTMLElement
.
This class implements
PlaceReviewsElementOptions
.
Access by calling const {PlaceReviewsElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
removeEventListener(type, listener[, options]) Parameters:
Return Value:
void Removes an event listener previously registered with addEventListener from the target. See removeEventListener. |
PlaceWebsiteElementOptions interface
google.maps.places.PlaceWebsiteElementOptions
interface
Options for PlaceWebsiteElement
.
PlaceAttributionElement class
google.maps.places.PlaceAttributionElement
class
Allows customization of the Google Maps attribution text in a PlaceDetailsCompactElement
or PlaceDetailsElement
. Append this element as a child of a PlaceContentConfigElement
to use it. If this element is omitted, attribution will still be shown with default colors. For example:
<gmp-place-content-config>
<gmp-place-attribution
light-scheme-color="black"
dark-scheme-color="white"
></gmp-place-attribution>
</gmp-place-content-config>
Custom element:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>
This class extends
HTMLElement
.
This class implements
PlaceAttributionElementOptions
.
Access by calling const {PlaceAttributionElement} = await google.maps.importLibrary("places")
.
See Libraries in the Maps JavaScript API.
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:
|
lightSchemeColor |
Type:
AttributionColor optional Default:
AttributionColor.GRAY The color of the Google Maps attribution in light mode.
HTML attribute:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) Parameters:
Return Value:
void Sets up a function that will be called whenever the specified event is delivered to the target. See addEventListener. |
|
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. |