---
title: glyphImage
framework: mapkitjs
role: symbol
role_heading: Interface Property
path: mapkitjs/markerannotationconstructoroptions/glyphimage
---

# glyphImage

The image to display in the marker balloon.

## Declaration

```data
glyphImage?:
    | ImageDelegate
    | ImageHashObject
    | ImageSource
    | Promise<ImageSource>
    | null;
```

## Mentioned in

MapKit JS 5

## Discussion

Discussion The glyph image value can be an object literal containing absolute or relative URLs to standard, 2x, and 3x Retina display assets, an ImageDelegate, an ImageSource such as an HTMLCanvasElement or ImageBitmap, or a Promise that resolves to an ImageSource. The framework requires at least one image at 20 x 20 pixels. MapKit JS uses the default glyph image of a pin if you set glyphImage to null or undefined. If you specify both a glyphImage and glyphText, the framework ignores the glyph image and displays the glyph text.

## See Also

### Setting marker annotation properties

- [color](mapkitjs/markerannotationconstructoroptions/color.md)
- [glyphColor](mapkitjs/markerannotationconstructoroptions/glyphcolor.md)
- [glyphText](mapkitjs/markerannotationconstructoroptions/glyphtext.md)
- [selectedGlyphImage](mapkitjs/markerannotationconstructoroptions/selectedglyphimage.md)
- [subtitleVisibility](mapkitjs/markerannotationconstructoroptions/subtitlevisibility.md)
- [titleVisibility](mapkitjs/markerannotationconstructoroptions/titlevisibility.md)