<iframe src="https://developers.devsite.google/frame/maps/documentation/javascript/reference/3.64/place-widget-child-elements_57b3d502bf6244fe5368916c19575c33d1e74bef5918e52f53dfde9f4b2929df.frame" class="framebox inherit-locale redirect-iframe" allow="clipboard-write https://developers.devsite.google" allowfullscreen is-upgraded></iframe>

## [PlaceContentConfigElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceContentConfigElement)
class


`google.maps.places.PlaceContentConfigElement`
class

extends `HTMLElement`

implements `PlaceContentConfigElementOptions`

library `"places"`

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

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

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

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

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

<br />

```html
<gmp-place-content-config></gmp-place-content-config>
```

```javascript
const {PlaceContentConfigElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceContentConfigElement` | `PlaceContentConfigElement([options])` **Parameters:** - `options`: `PlaceContentConfigElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceContentConfigElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceContentConfigElementOptions)
interface


`google.maps.places.PlaceContentConfigElementOptions`
interface

Options for `PlaceContentConfigElement`.

## [PlaceAllContentElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAllContentElement)
class


`google.maps.places.PlaceAllContentElement`
class

extends `HTMLElement`

implements `PlaceAllContentElementOptions`

library `"places"`

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

```html
<gmp-place-all-content></gmp-place-all-content>
```

```javascript
const {PlaceAllContentElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceAllContentElement` | `PlaceAllContentElement([options])` **Parameters:** - `options`: `PlaceAllContentElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceAllContentElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAllContentElementOptions)
interface


`google.maps.places.PlaceAllContentElementOptions`
interface

Options for `PlaceAllContentElement`.

## [PlaceStandardContentElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceStandardContentElement)
class


`google.maps.places.PlaceStandardContentElement`
class

extends `HTMLElement`

implements `PlaceStandardContentElementOptions`

library `"places"`

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

<br />

For `PlaceDetailsCompactElement`, standard content consists of:

- media
- rating
- type
- price
- accessible entrance icon
- open now status

<br />

For `PlaceSearchElement`, standard content consists of:

- media
- rating
- type
- price
- accessible entrance icon

<br />

For example:

     <gmp-place-details>
       <gmp-place-standard-content></gmp-place-standard-content>
     </gmp-place-details>
     
<br />

```html
<gmp-place-standard-content></gmp-place-standard-content>
```

```javascript
const {PlaceStandardContentElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceStandardContentElement` | `PlaceStandardContentElement([options])` **Parameters:** - `options`: `PlaceStandardContentElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceStandardContentElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceStandardContentElementOptions)
interface


`google.maps.places.PlaceStandardContentElementOptions`
interface

Options for `PlaceStandardContentElement`.

## [PlaceMediaElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceMediaElement)
class


`google.maps.places.PlaceMediaElement`
class

extends `HTMLElement`

implements `PlaceMediaElementOptions`

library `"places"`

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

```html
<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>
```

```javascript
const {PlaceMediaElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceMediaElement` | `PlaceMediaElement([options])` **Parameters:** - `options`: `PlaceMediaElementOptions optional` |

| ### Properties ||
|---|---|
| `lightboxPreferred` attr: lightbox-preferred | **Input type:** `boolean optional` **Output type:** `boolean` **Default:** `false` Whether to enable or disable the media lightbox, in cases where both options are supported. **HTML attribute:** `lightbox-preferred` |
| `preferredSize` attr: preferred-size | **Input type:** `MediaSize optional` **Output 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:** `preferred-size="value-name"` |

| ### Methods ||
|---|---|

## [PlaceMediaElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceMediaElementOptions)
interface


`google.maps.places.PlaceMediaElementOptions`
interface

Options for `PlaceMediaElement`.

| ### Properties ||
|---|---|
| `lightboxPreferred` optional | **Type:** `boolean optional` See `PlaceMediaElement.lightboxPreferred`. |
| `preferredSize` optional | **Type:** `MediaSize optional` See `PlaceMediaElement.preferredSize`. |

## [MediaSize](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#MediaSize)
constants


`google.maps.places.MediaSize`
constants

library `"places"`

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

These constants are also usable as strings. In TypeScript, the string literals are defined by the `MediaSizeString` type.

```javascript
const {MediaSize} = await google.maps.importLibrary("places");
```

| ### Constants ||
|---|---|
| `LARGE` | Large media size. |
| `MEDIUM` | Medium media size. |
| `SMALL` | Small media size. |

## [PlaceAddressElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAddressElement)
class


`google.maps.places.PlaceAddressElement`
class

extends `HTMLElement`

implements `PlaceAddressElementOptions`

library `"places"`

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

```html
<gmp-place-address></gmp-place-address>
```

```javascript
const {PlaceAddressElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceAddressElement` | `PlaceAddressElement([options])` **Parameters:** - `options`: `PlaceAddressElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceAddressElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAddressElementOptions)
interface


`google.maps.places.PlaceAddressElementOptions`
interface

Options for `PlaceAddressElement`.

## [PlaceRatingElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceRatingElement)
class


`google.maps.places.PlaceRatingElement`
class

extends `HTMLElement`

implements `PlaceRatingElementOptions`

library `"places"`

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

```html
<gmp-place-rating></gmp-place-rating>
```

```javascript
const {PlaceRatingElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceRatingElement` | `PlaceRatingElement([options])` **Parameters:** - `options`: `PlaceRatingElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceRatingElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceRatingElementOptions)
interface


`google.maps.places.PlaceRatingElementOptions`
interface

Options for `PlaceRatingElement`.

## [PlaceTypeElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceTypeElement)
class


`google.maps.places.PlaceTypeElement`
class

extends `HTMLElement`

implements `PlaceTypeElementOptions`

library `"places"`

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

```html
<gmp-place-type></gmp-place-type>
```

```javascript
const {PlaceTypeElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceTypeElement` | `PlaceTypeElement([options])` **Parameters:** - `options`: `PlaceTypeElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceTypeElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceTypeElementOptions)
interface


`google.maps.places.PlaceTypeElementOptions`
interface

Options for `PlaceTypeElement`.

## [PlacePriceElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlacePriceElement)
class


`google.maps.places.PlacePriceElement`
class

extends `HTMLElement`

implements `PlacePriceElementOptions`

library `"places"`

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

```html
<gmp-place-price></gmp-place-price>
```

```javascript
const {PlacePriceElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlacePriceElement` | `PlacePriceElement([options])` **Parameters:** - `options`: `PlacePriceElementOptions optional` |

| ### Methods ||
|---|---|

## [PlacePriceElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlacePriceElementOptions)
interface


`google.maps.places.PlacePriceElementOptions`
interface

Options for `PlacePriceElement`.

## [PlaceAccessibleEntranceIconElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAccessibleEntranceIconElement)
class


`google.maps.places.PlaceAccessibleEntranceIconElement`
class

extends `HTMLElement`

implements `PlaceAccessibleEntranceIconElementOptions`

library `"places"`

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

```html
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
```

```javascript
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceAccessibleEntranceIconElement` | `PlaceAccessibleEntranceIconElement([options])` **Parameters:** - `options`: `PlaceAccessibleEntranceIconElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceAccessibleEntranceIconElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAccessibleEntranceIconElementOptions)
interface


`google.maps.places.PlaceAccessibleEntranceIconElementOptions`
interface

Options for `PlaceAccessibleEntranceIconElement`.

## [PlaceOpenNowStatusElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceOpenNowStatusElement)
class


`google.maps.places.PlaceOpenNowStatusElement`
class

extends `HTMLElement`

implements `PlaceOpenNowStatusElementOptions`

library `"places"`

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

```html
<gmp-place-open-now-status></gmp-place-open-now-status>
```

```javascript
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceOpenNowStatusElement` | `PlaceOpenNowStatusElement([options])` **Parameters:** - `options`: `PlaceOpenNowStatusElementOptions optional` |

| ### Methods ||
|---|---|

## [PlaceOpenNowStatusElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceOpenNowStatusElementOptions)
interface


`google.maps.places.PlaceOpenNowStatusElementOptions`
interface

Options for `PlaceOpenNowStatusElement`.

## [PlaceReviewSummaryElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceReviewSummaryElement)
class


`google.maps.places.PlaceReviewSummaryElement`
class

extends `HTMLElement`

implements `PlaceReviewSummaryElementOptions`

library `"places"`

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

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

```html
<gmp-place-review-summary></gmp-place-review-summary>
```

```javascript
const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceReviewSummaryElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceReviewSummaryElementOptions)
interface


`google.maps.places.PlaceReviewSummaryElementOptions`
interface

Options for `PlaceReviewSummaryElement`.

## [PlaceReviewsElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceReviewsElement)
class


`google.maps.places.PlaceReviewsElement`
class

extends `HTMLElement`

implements `PlaceReviewsElementOptions`

library `"places"`

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

```html
<gmp-place-reviews></gmp-place-reviews>
```

```javascript
const {PlaceReviewsElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceReviewsElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceReviewsElementOptions)
interface


`google.maps.places.PlaceReviewsElementOptions`
interface

Options for `PlaceReviewsElement`.

## [PlaceSummaryElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceSummaryElement)
class


`google.maps.places.PlaceSummaryElement`
class

extends `HTMLElement`

implements `PlaceSummaryElementOptions`

library `"places"`

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

```html
<gmp-place-summary></gmp-place-summary>
```

```javascript
const {PlaceSummaryElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceSummaryElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceSummaryElementOptions)
interface


`google.maps.places.PlaceSummaryElementOptions`
interface

Options for `PlaceSummaryElement`.

## [PlaceFeatureListElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceFeatureListElement)
class


`google.maps.places.PlaceFeatureListElement`
class

extends `HTMLElement`

implements `PlaceFeatureListElementOptions`

library `"places"`

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

```html
<gmp-place-feature-list></gmp-place-feature-list>
```

```javascript
const {PlaceFeatureListElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceFeatureListElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceFeatureListElementOptions)
interface


`google.maps.places.PlaceFeatureListElementOptions`
interface

Options for `PlaceFeatureListElement`.

## [PlaceOpeningHoursElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceOpeningHoursElement)
class


`google.maps.places.PlaceOpeningHoursElement`
class

extends `HTMLElement`

implements `PlaceOpeningHoursElementOptions`

library `"places"`

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

```html
<gmp-place-opening-hours></gmp-place-opening-hours>
```

```javascript
const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceOpeningHoursElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceOpeningHoursElementOptions)
interface


`google.maps.places.PlaceOpeningHoursElementOptions`
interface

Options for `PlaceOpeningHoursElement`.

## [PlacePhoneNumberElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlacePhoneNumberElement)
class


`google.maps.places.PlacePhoneNumberElement`
class

extends `HTMLElement`

implements `PlacePhoneNumberElementOptions`

library `"places"`

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

```html
<gmp-place-phone-number></gmp-place-phone-number>
```

```javascript
const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlacePhoneNumberElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlacePhoneNumberElementOptions)
interface


`google.maps.places.PlacePhoneNumberElementOptions`
interface

Options for `PlacePhoneNumberElement`.

## [PlacePlusCodeElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlacePlusCodeElement)
class


`google.maps.places.PlacePlusCodeElement`
class

extends `HTMLElement`

implements `PlacePlusCodeElementOptions`

library `"places"`

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

```html
<gmp-place-plus-code></gmp-place-plus-code>
```

```javascript
const {PlacePlusCodeElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlacePlusCodeElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlacePlusCodeElementOptions)
interface


`google.maps.places.PlacePlusCodeElementOptions`
interface

Options for `PlacePlusCodeElement`.

## [PlaceTypeSpecificHighlightsElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceTypeSpecificHighlightsElement)
class


`google.maps.places.PlaceTypeSpecificHighlightsElement`
class

extends `HTMLElement`

implements `PlaceTypeSpecificHighlightsElementOptions`

library `"places"`

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

```html
<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
```

```javascript
const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceTypeSpecificHighlightsElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceTypeSpecificHighlightsElementOptions)
interface


`google.maps.places.PlaceTypeSpecificHighlightsElementOptions`
interface

Options for `PlaceTypeSpecificHighlightsElement`.

## [PlaceWebsiteElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceWebsiteElement)
class


`google.maps.places.PlaceWebsiteElement`
class

extends `HTMLElement`

implements `PlaceWebsiteElementOptions`

library `"places"`

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

```html
<gmp-place-website></gmp-place-website>
```

```javascript
const {PlaceWebsiteElement} = await google.maps.importLibrary("places");
```

| ### Methods ||
|---|---|

## [PlaceWebsiteElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceWebsiteElementOptions)
interface


`google.maps.places.PlaceWebsiteElementOptions`
interface

Options for `PlaceWebsiteElement`.

## [PlaceAttributionElement](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAttributionElement)
class


`google.maps.places.PlaceAttributionElement`
class

extends `HTMLElement`

implements `PlaceAttributionElementOptions`

library `"places"`

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

```html
 
<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>
```

```javascript
const {PlaceAttributionElement} = await google.maps.importLibrary("places");
```

| ### Constructor ||
|---|---|
| `PlaceAttributionElement` | `PlaceAttributionElement([options])` **Parameters:** - `options`: `PlaceAttributionElementOptions optional` |

| ### Properties ||
|---|---|
| `darkSchemeColor` attr: dark-scheme-color | **Input type:** `AttributionColor optional` **Output type:** `AttributionColor` **Default:** `AttributionColor.WHITE` The color of the Google Maps attribution in dark mode. **HTML attribute:** `dark-scheme-color="value-name"` |
| `lightSchemeColor` attr: light-scheme-color | **Input type:** `AttributionColor optional` **Output type:** `AttributionColor` **Default:** `AttributionColor.GRAY` The color of the Google Maps attribution in light mode. **HTML attribute:** `light-scheme-color="value-name"` |

| ### Methods ||
|---|---|

## [PlaceAttributionElementOptions](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#PlaceAttributionElementOptions)
interface


`google.maps.places.PlaceAttributionElementOptions`
interface

Options for `PlaceAttributionElement`.

| ### Properties ||
|---|---|
| `darkSchemeColor` optional | **Type:** `AttributionColor optional` See `PlaceAttributionElement.darkSchemeColor`. |
| `lightSchemeColor` optional | **Type:** `AttributionColor optional` See `PlaceAttributionElement.lightSchemeColor`. |

## [AttributionColor](https://developers.google.com/maps/documentation/javascript/reference/3.64/place-widget-child-elements.md.txt#AttributionColor)
constants


`google.maps.places.AttributionColor`
constants

library `"places"`

Color options for Google Maps attribution text. Attribution may be customized to use any of these colors.

These constants are also usable as strings. In TypeScript, the string literals are defined by the `AttributionColorString` type.

```javascript
const {AttributionColor} = await google.maps.importLibrary("places");
```

| ### Constants ||
|---|---|
| `BLACK` | Black attribution text. |
| `GRAY` | Gray attribution text. |
| `WHITE` | White attribution text. |