<!--
{
  "availability" : [
    "MapKit JS: 5.78.1 -"
  ],
  "documentType" : "symbol",
  "framework" : "MapKitJS",
  "identifier" : "/documentation/MapKitJS/PlaceDetail",
  "metadataVersion" : "0.1.0",
  "role" : "Class",
  "symbol" : {
    "kind" : "Class",
    "modules" : [
      "MapKit JS"
    ],
    "preciseIdentifier" : "cl/mapkit.PlaceDetail"
  },
  "title" : "PlaceDetail"
}
-->

# PlaceDetail

An interactive view that displays information about a place.

```
class PlaceDetail
```

## Overview

![A screenshot showing the PlaceDetail view containing the details information of California Science Center.](images/com.apple.mapkitjs/PlaceDetail-cl-01@2x.png)

For more information on places, see <doc://com.apple.documentation/documentation/MapKit/identifying-unique-locations-with-place-ids>.

## Topics

### Creating and terminating a place detail

[`new PlaceDetail(parent, place, options)`](/documentation/MapKitJS/PlaceDetail/PlaceDetailConstructor)

A representation of a place detail.

[`PlaceDetailOptions`](/documentation/MapKitJS/PlaceDetailOptions)

Options that you may provide when constructing place detail views.

[`destroy()`](/documentation/MapKitJS/PlaceDetail/destroy)

Terminates a place detail.

### Working with place detail settings

[`colorScheme`](/documentation/MapKitJS/PlaceDetail/colorScheme)

The color scheme when displaying a place detail.

[`displaysMap`](/documentation/MapKitJS/PlaceDetail/displaysMap)

A Boolean value that indicates whether to display the map in the place detail.

[`element`](/documentation/MapKitJS/PlaceDetail/element)

The place detail’s DOM element.

[`place`](/documentation/MapKitJS/PlaceDetail/place)

The place that the place detail displays.

[`ColorSchemes`](/documentation/MapKitJS/PlaceDetail/ColorSchemes)

A static property that allows you to access the Look Around color scheme enumeration.


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)