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

# PlaceAnnotation

An annotation for a place.

```
class PlaceAnnotation extends MarkerAnnotation
```

## Overview

For information on creating annotations and adding them to a map, see [Annotations](/documentation/MapKitJS/annotations).

## Topics

### Creating the annotation

[`constructor(
    coordinate: CoordinateData | Place | SearchAutocompleteResult,
    options?: MarkerAnnotationConstructorOptions,
);`](/documentation/MapKitJS/PlaceAnnotation/PlaceAnnotationConstructor)

Creates a new place annotation.

### Instance Properties

[`get anchorOffset(): DOMPoint;`](/documentation/MapKitJS/PlaceAnnotation/anchorOffset)

An offset that changes the annotation’s default anchor point.

[`get appearanceAnimation(): string;`](/documentation/MapKitJS/PlaceAnnotation/appearanceAnimation)

A CSS animation that runs when the annotation appears on the map.

[`get color(): string;`](/documentation/MapKitJS/PlaceAnnotation/color)

The color of the place.

[`get coordinate(): Coordinate;`](/documentation/MapKitJS/PlaceAnnotation/coordinate)

The annotation’s coordinate.

[`get draggable(): boolean;`](/documentation/MapKitJS/PlaceAnnotation/draggable)

A Boolean value that indicates whether the place annotation is draggable.

[`get element(): HTMLElement;`](/documentation/MapKitJS/PlaceAnnotation/element)

The annotation’s element in the DOM.

[`get glyphColor(): string;`](/documentation/MapKitJS/PlaceAnnotation/glyphColor)

The selected glyph color for the place.

[`get glyphImage(): MapFeatureAnnotationGlyphImage | null;`](/documentation/MapKitJS/PlaceAnnotation/glyphImage)

The glyph image for the place.

[`get glyphText(): string | null;`](/documentation/MapKitJS/PlaceAnnotation/glyphText)

The glyph text for the place.

[`get padding(): Padding;`](/documentation/MapKitJS/PlaceAnnotation/padding)

The amount of spacing to add around the annotation when showing items.

[`get selectedGlyphImage(): MapFeatureAnnotationGlyphImage | null;`](/documentation/MapKitJS/PlaceAnnotation/selectedGlyphImage)

The selected glyph image for the place.

[`get size(): Size;`](/documentation/MapKitJS/PlaceAnnotation/size)

The dimensions of the annotation, in CSS pixels.

## Relationships

### Inherited By

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

### Inherits From

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

---

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)