---
title: calloutOffset
framework: mapkitjs
role: symbol
role_heading: Instance Property
path: mapkitjs/annotation/calloutoffset
---

# calloutOffset

An offset that changes the annotation callout’s default placement.

## Declaration

```data
get calloutOffset(): DOMPoint;
set calloutOffset(value: DOMPoint);
```

## Discussion

Discussion By default, MapKit JS places the callout bubble slightly (1 pixel) above the top-center point of the annotation element. To choose a different placement, provide an offset point where positive x-values move the callout bubble to the left, and positive y-values move the callout bubble up. For example, to leave a 5-pixel margin between the top of the annotation and the bottom of the callout, use a callout offset of DOMPoint(0, 5).

## See Also

### Managing callouts

- [callout](mapkitjs/annotation/callout.md)
- [calloutEnabled](mapkitjs/annotation/calloutenabled.md)