---
title: "ImageAtlas | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> 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.

# Class ImageAtlas

A class holding all the images

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[haveRenderCallbacks](#haverendercallbacks) [iconPositions](#iconpositions) [image](#image) [patternPositions](#patternpositions) [uploaded](#uploaded)

### Methods[](#methods)

[addImages](#addimages) [patchUpdatedImage](#patchupdatedimage) [patchUpdatedImages](#patchupdatedimages)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new ImageAtlas(  
        icons: [GetImagesResponse](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.GetImagesResponse/),  
        patterns: [GetImagesResponse](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.GetImagesResponse/),  
    ): ImageAtlas[](#constructorimageatlas)
    
    #### Parameters
    
    -   icons: [GetImagesResponse](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.GetImagesResponse/)
    -   patterns: [GetImagesResponse](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.GetImagesResponse/)
    
    #### Returns ImageAtlas
    

## Properties[](#properties-1)

### haveRenderCallbacks[](#haverendercallbacks)

haveRenderCallbacks: string\[\]

### iconPositions[](#iconpositions)

iconPositions: { \[\_: string\]: [ImagePosition](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImagePosition/) }

### image[](#image)

image: [RGBAImage](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.RGBAImage/)

### patternPositions[](#patternpositions)

patternPositions: { \[\_: string\]: [ImagePosition](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImagePosition/) }

### uploaded[](#uploaded)

uploaded: boolean

## Methods[](#methods-1)

### addImages[](#addimages)

-   addImages(  
        images: { \[\_: string\]: [StyleImage](https://docs.maptiler.com/sdk-js/api-reference/types/StyleImage/) },  
        positions: { \[\_: string\]: [ImagePosition](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImagePosition/) },  
        bins: [Rect](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Rect/)\[\],  
    ): void[](#addimages-1)
    
    #### Parameters
    
    -   images: { \[\_: string\]: [StyleImage](https://docs.maptiler.com/sdk-js/api-reference/types/StyleImage/) }
    -   positions: { \[\_: string\]: [ImagePosition](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImagePosition/) }
    -   bins: [Rect](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Rect/)\[\]
    
    #### Returns void
    

### patchUpdatedImage[](#patchupdatedimage)

-   patchUpdatedImage(  
        position: [ImagePosition](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImagePosition/),  
        image: [StyleImage](https://docs.maptiler.com/sdk-js/api-reference/types/StyleImage/),  
        texture: [Texture](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Texture/),  
    ): void[](#patchupdatedimage-1)
    
    #### Parameters
    
    -   position: [ImagePosition](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImagePosition/)
    -   image: [StyleImage](https://docs.maptiler.com/sdk-js/api-reference/types/StyleImage/)
    -   texture: [Texture](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Texture/)
    
    #### Returns void
    

### patchUpdatedImages[](#patchupdatedimages)

-   patchUpdatedImages(imageManager: [ImageManager](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImageManager/), texture: [Texture](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Texture/)): void[](#patchupdatedimages-1)
    
    #### Parameters
    
    -   imageManager: [ImageManager](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ImageManager/)
    -   texture: [Texture](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Texture/)
    
    #### Returns void