---
title: "ImageViewer | JavaScript maps SDK"
description: "Display tiled, non-georeferenced images on web pages."
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# ImageViewer

The MapTiler `ImageViewer` component displays tiled, non-georeferenced images with interactive navigation similar to a geographical map. This is useful for zoomable floor plans, indoor layout designs, or illustrated maps (such as hotel layouts or theme parks) using pixel-based coordinates instead of latitude and longitude.

You create an `ImageViewer` by specifying a `container` and other options. MapTiler SDK JS then initializes the viewer on the page and returns the `ImageViewer` instance.

**Example**

```js
import { ImageViewer } from '@maptiler/sdk';

const imageViewer = new ImageViewer({
  container: 'map',
  imageUUID: '11111111-2222-3333-4444-555555555555', // unique UUID of the image object
});
```

## API reference

[Class ImageViewer](https://docs.maptiler.com/sdk-js/api-reference/classes/ImageViewer/)

## Related examples

-   [Display a tiled, non-georeferenced image](https://docs.maptiler.com/sdk-js/examples/image-viewer/)
-   [Add markers to a non-georeferenced image](https://docs.maptiler.com/sdk-js/examples/image-viewer-marker/)