---
title: "new ImageAnnotation(location, options)"
framework: mapkitjs
role: symbol
role_heading: Constructor
path: mapkitjs/imageannotation/imageannotationconstructor
---

# new ImageAnnotation(location, options)

Creates an image annotation with an image and a coordinate.

## Declaration

```data
constructor(
    location: CoordinateData | Place | SearchAutocompleteResult,
    options: ImageAnnotationConstructorOptions,
);
```

## Parameters

- `location`: The coordinate where this annotation appears.
- `options`: A hash of properties that initialize the annotation. The options hash needs to include doc://com.apple.mapkitjs/documentation/MapKitJS/ImageAnnotationConstructorOptions/image. MapKit JS displays an optional title and subtitle in a callout if they’re present.

## Discussion

Discussion This example shows two image annotations: one with a minimally defined image, and one with more options filled in: const coordinate = new mapkit.Coordinate(38.897957, -77.036560);

// The house logo is a white square. // The image size is 32 x 32. Because the default anchor point is the bottom center // of the image, offset the anchor by (0, -16) to make the center of the // image the anchor point. const houseOptions = {     title: "The White House",     subtitle: "1600 Pennsylvania Ave NW",     image: { 1: "/images/house.png", 2: "/images/house_2x.png"},     anchorOffset: new DOMPoint(0, -16) }; const houseAnnotation = new mapkit.ImageAnnotation(coordinate, houseOptions); map.addAnnotation(houseAnnotation);

// This is how to implement a red pin. const pinOptions = {     image: {         1: "/images/pin-red.png",         2: "/images/pin-red_2x.png"     } }; const pinAnnotation = new mapkit.ImageAnnotation(coordinate, pinOptions); map.addAnnotation(pinAnnotation);

## See Also

### Creating an image annotation

- [ImageAnnotationConstructorOptions](mapkitjs/imageannotationconstructoroptions.md)