Get Started Contact sales

    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 .

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

    PlaceContentConfigElementOptions interface

    google.maps.places . PlaceContentConfigElementOptions interface

    Options for PlaceContentConfigElement .

    PlaceAllContentElement class

    google.maps.places . PlaceAllContentElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceAllContentElementOptions .

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

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

    PlaceAllContentElementOptions interface

    google.maps.places . PlaceAllContentElementOptions interface

    Options for PlaceAllContentElement .

    PlaceStandardContentElement class

    google.maps.places . PlaceStandardContentElement class

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

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

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

    For PlaceSearchElement , standard content consists of:
    • media
    • rating
    • type
    • price
    • accessible entrance icon

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

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

    This class extends HTMLElement .

    This class implements PlaceStandardContentElementOptions .

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

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

    PlaceStandardContentElementOptions interface

    google.maps.places . PlaceStandardContentElementOptions interface

    Options for PlaceStandardContentElement .

    PlaceMediaElement class

    google.maps.places . PlaceMediaElement class

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

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

    Custom element: <gmp-place-media lightbox-preferred preferred-size="small"></gmp-place-media>

    This class extends HTMLElement .

    This class implements PlaceMediaElementOptions .

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

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

    PlaceMediaElementOptions interface

    google.maps.places . PlaceMediaElementOptions interface

    Options for PlaceMediaElement .
    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 .
    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 .

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

    PlaceAddressElementOptions interface

    google.maps.places . PlaceAddressElementOptions interface

    Options for PlaceAddressElement .

    PlaceRatingElement class

    google.maps.places . PlaceRatingElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceRatingElementOptions .

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

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

    PlaceRatingElementOptions interface

    google.maps.places . PlaceRatingElementOptions interface

    Options for PlaceRatingElement .

    PlaceTypeElement class

    google.maps.places . PlaceTypeElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceTypeElementOptions .

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

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

    PlaceTypeElementOptions interface

    google.maps.places . PlaceTypeElementOptions interface

    Options for PlaceTypeElement .

    PlacePriceElement class

    google.maps.places . PlacePriceElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlacePriceElementOptions .

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

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

    PlacePriceElementOptions interface

    google.maps.places . PlacePriceElementOptions interface

    Options for PlacePriceElement .

    PlaceAccessibleEntranceIconElement class

    google.maps.places . PlaceAccessibleEntranceIconElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceAccessibleEntranceIconElementOptions .

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

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

    PlaceAccessibleEntranceIconElementOptions interface

    google.maps.places . PlaceAccessibleEntranceIconElementOptions interface

    Options for PlaceAccessibleEntranceIconElement .

    PlaceOpenNowStatusElement class

    google.maps.places . PlaceOpenNowStatusElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceOpenNowStatusElementOptions .

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

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

    PlaceOpenNowStatusElementOptions interface

    google.maps.places . PlaceOpenNowStatusElementOptions interface

    Options for PlaceOpenNowStatusElement .

    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 .

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

    PlaceReviewsElementOptions interface

    google.maps.places . PlaceReviewsElementOptions interface

    Options for PlaceReviewsElement .

    PlaceSummaryElement class

    google.maps.places . PlaceSummaryElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceSummaryElementOptions .

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

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

    PlaceSummaryElementOptions interface

    google.maps.places . PlaceSummaryElementOptions interface

    Options for PlaceSummaryElement .

    PlaceFeatureListElement class

    google.maps.places . PlaceFeatureListElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceFeatureListElementOptions .

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

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

    PlaceFeatureListElementOptions interface

    google.maps.places . PlaceFeatureListElementOptions interface

    Options for PlaceFeatureListElement .

    PlaceOpeningHoursElement class

    google.maps.places . PlaceOpeningHoursElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceOpeningHoursElementOptions .

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

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

    PlaceOpeningHoursElementOptions interface

    google.maps.places . PlaceOpeningHoursElementOptions interface

    Options for PlaceOpeningHoursElement .

    PlacePhoneNumberElement class

    google.maps.places . PlacePhoneNumberElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlacePhoneNumberElementOptions .

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

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

    PlacePhoneNumberElementOptions interface

    google.maps.places . PlacePhoneNumberElementOptions interface

    Options for PlacePhoneNumberElement .

    PlacePlusCodeElement class

    google.maps.places . PlacePlusCodeElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlacePlusCodeElementOptions .

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

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

    PlacePlusCodeElementOptions interface

    google.maps.places . PlacePlusCodeElementOptions interface

    Options for PlacePlusCodeElement .

    PlaceTypeSpecificHighlightsElement class

    google.maps.places . PlaceTypeSpecificHighlightsElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceTypeSpecificHighlightsElementOptions .

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

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

    PlaceTypeSpecificHighlightsElementOptions interface

    google.maps.places . PlaceTypeSpecificHighlightsElementOptions interface

    Options for PlaceTypeSpecificHighlightsElement .

    PlaceWebsiteElement class

    google.maps.places . PlaceWebsiteElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceWebsiteElementOptions .

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

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

    PlaceWebsiteElementOptions interface

    google.maps.places . PlaceWebsiteElementOptions interface

    Options for PlaceWebsiteElement .

    PlaceAttributionElement class

    google.maps.places . PlaceAttributionElement class

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

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

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

    This class extends HTMLElement .

    This class implements PlaceAttributionElementOptions .

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

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

    PlaceAttributionElementOptions interface

    google.maps.places . PlaceAttributionElementOptions interface

    Options for PlaceAttributionElement .
    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 .
    BLACK Black attribution text.
    GRAY Gray attribution text.
    WHITE White attribution text.
    Create a Mobile Website
    View Site in Mobile | Classic
    Share by: