Skip to content
MapLibre GL JS
ImageAtlas
Initializing search
GitHub
Introduction
Plugins
Style Specifications
API
Examples
Guides
MapLibre GL JS
GitHub
Introduction
Plugins
Style Specifications
API
API
Intro
media
media
Contributing to MapLibre GL JS
Classes
Classes
AJAXError
Actor
AlphaImage
AttributionControl
BoxZoomHandler
CanonicalTileID
CanvasSource
CircleStyleLayer
ClickZoomHandler
CooperativeGesturesHandler
DEMData
Dispatcher
DoubleClickZoomHandler
DragPanHandler
DragRotateHandler
EdgeInsets
Event
Evented
FeatureIndex
FullscreenControl
GeoJSONSource
GeolocateControl
GlobeControl
Hash
HeatmapStyleLayer
ImageAtlas
ImageManager
ImageSource
KeyboardHandler
Layout<Props>
LngLat
LngLatBounds
LogoControl
Map
MapMouseEvent
MapTouchEvent
MapWheelEvent
Marker
MercatorCoordinate
NavigationControl
OverscaledTileID
Popup
RGBAImage
RasterDEMTileSource
RasterTileSource
ScaleControl
ScrollZoomHandler
Style
abstract StyleLayer
SubdivisionGranularityExpression
SubdivisionGranularitySetting
TapDragZoomHandler
TapZoomHandler
TerrainControl
ThrottledInvoker
Tile
TouchPanHandler
abstract TwoFingersTouchHandler
TwoFingersTouchPitchHandler
TwoFingersTouchRotateHandler
TwoFingersTouchZoomHandler
TwoFingersTouchZoomRotateHandler
VectorTileSource
VideoSource
WorkerPool
Enumerations
Enumerations
MessageType
ResourceType
TextFit
Functions
Functions
addProtocol()
addSourceType()
clearPrewarmedResources()
createTileMesh()
getMaxParallelImageRequests()
getRTLTextPluginStatus()
getVersion()
getWorkerCount()
getWorkerUrl()
importScriptInWorkers()
prewarm()
removeProtocol()
setMaxParallelImageRequests()
setRTLTextPlugin()
setWorkerCount()
setWorkerUrl()
Interfaces
Interfaces
ActorTarget
AttributeBinder
CustomLayerInterface
ErrorEvent
GeoJSONFeature
Handler
IActor
IControl
MousePanHandler
MousePitchHandler
MouseRollHandler
MouseRotateHandler
Projection
Source
StyleImageInterface
Subscription
Type aliases
Type aliases
ActorMessage<T>
AddLayerObject
AddProtocolAction()
Alignment
AnimationOptions
AroundCenterOptions
AttributionControlOptions
CalculateTileZoomFunction()
CameraForBoundsOptions
CameraOptions
CameraUpdateTransformFunction()
CanvasSourceSpecification
CenterZoomBearing
CircleGranularity
ClusterIDAndSource
Complete<T>
Config
ControlPosition
Coordinates
CreateTileMeshOptions
CrossFaded<T>
CustomRenderMethod()
CustomRenderMethodInput
DEMEncoding
DashEntry
DistributiveKeys<T>
DistributiveOmit<T, K>
DragPanOptions
DragRotateHandlerOptions
EaseToOptions
ExpiryData
FeatureIdentifier
FitBoundsOptions
FlyToOptions
FullscreenControlOptions
GeoJSONFeatureDiff
GeoJSONFeatureId
GeoJSONSourceDiff
GeoJSONSourceOptions
GeoJSONWorkerOptions
GeoJSONWorkerSourceLoadDataResult
GeolocateControlOptions
GestureOptions
GetClusterLeavesParams
GetGlyphsParameters
GetGlyphsResponse
GetImagesParameters
GetImagesResponse
GetResourceResponse<T>
GlyphMetrics
GlyphPosition
GlyphPositions
GridKey
HandlerResult
IndicesType
JumpToOptions
Listener()
LngLatBoundsLike
LngLatLike
LoadGeoJSONParameters
LogoControlOptions
MapContextEvent
MapDataEvent
MapEventType
MapGeoJSONFeature
MapLayerEventType
MapLayerMouseEvent
MapLayerTouchEvent
MapLibreEvent<TOrig>
MapLibreZoomEvent
MapOptions
MapProjectionEvent
MapSourceDataEvent
MapSourceDataType
MapStyleDataEvent
MapStyleImageMissingEvent
MapTerrainEvent
MarkerOptions
MessageData
NavigationControlOptions
Offset
OverlapMode
PaddingOptions
PluginState
PointLike
PointProjection
PopupOptions
PositionAnchor
PossiblyEvaluatedValue<T>
ProjectionData
ProjectionDataParams
QueryRenderedFeaturesOptions
QuerySourceFeatureOptions
RTLPluginStatus
Rect
RemoveSourceParams
RequestParameters
RequestResponseMessageMap
RequestTransformFunction()
RequireAtLeastOne<T>
ScaleControlOptions
Serialized
SerializedObject<S>
SerializedStructArray
SetClusterOptions
SourceClass()
SpriteOnDemandStyleImage
StyleGlyph
StyleImage
StyleImageData
StyleImageMetadata
StyleOptions
StyleSetterOptions
StyleSwapOptions
SymbolQuad
TileMesh
TileParameters
TileState
TransformStyleFunction()
Unit
UpdateImageOptions
UpdateLayersParameters
WorkerDEMTileParameters
WorkerTileParameters
WorkerTileResult
Examples
Examples
Overview
3D Terrain
Add a 3D model to globe using three.js
Add a 3D model using three.js
Add a 3D model with babylon.js
Add a 3D model with shadow using three.js
Add a canvas source
Add a COG raster source
Add a color relief layer
Add a custom layer with tiles to a globe
Add a custom style layer
Add a default marker
Add a generated icon to the map
Add a GeoJSON line
Add a GeoJSON polygon
Add a hillshade layer
Add a multidirectional hillshade layer
Add a new layer below labels
Add a pattern to a polygon
Add a raster tile source
Add a simple custom layer on a globe
Add a stretchable image to the map
Add a vector tile source
Add a video
Add a WMS source
Add an animated icon to the map
Add an icon to the map
Add Contour Lines
Add custom icons with Markers
Add live realtime data
Add multiple geometries from one GeoJSON source
Add support for right-to-left scripts
Adding 3D models using three.js on terrain
Animate a line
Animate a marker
Animate a point along a route
Animate a point
Animate a series of images
Animate map camera around a point
Animate symbol to follow the mouse
Attach a popup to a marker instance
Center the map on a clicked symbol
Change a layer's color with buttons
Change a map's language
Change building color based on zoom level
Change the case of labels
Change the default position for attribution
Check if WebGL is supported
Cooperative gestures
Create a draggable Marker
Create a draggable point
Create a gradient line using an expression
Create a Heatmap layer on a globe with terrain elevation
Create a heatmap layer
Create a hover effect
Create a time slider
Create and style clusters
Create deck.gl layer using REST API
Customize camera animations
Disable map rotation
Disable scroll zoom
Display a globe with a fill extrusion layer
Display a globe with a vector map
Display a globe with an atmosphere
Display a hybrid satellite map with terrain elevation
Display a map
Display a non-interactive map
Display a popup on click
Display a popup on hover
Display a popup
Display a satellite map
Display and style rich text labels
Display buildings in 3D
Display HTML clusters with custom properties
Display line that crosses 180th meridian
Display map navigation controls
Draw a Circle
Draw GeoJSON points
Draw geometries with terra-draw
Draw polygon with mapbox-gl-draw
Extrude polygons for 3D indoor mapping
Filter layer symbols using global state
Filter symbols by text input
Filter symbols by toggling a list
Filter within a Layer
Fit a map to a bounding box
Fit to the bounds of a LineString
Fly to a location based on scroll position
Fly to a location
Generate and add a missing icon to the map
Geocode with Nominatim
Get coordinates of the mouse pointer
Get features under the mouse pointer
Hash routing
Jump to a series of locations
Level of Detail Control
Locate the user
Measure distances
Navigate the map with game-like controls
Offset the vanishing point using padding
PMTiles source and protocol
Render world copies
Restrict map panning to an area
Set center point above ground
Set pitch and bearing
Show polygon information on click
Sky, Fog, Terrain
Slowly fly to a location
Style lines with a data-driven property
Sync movement of multiple maps
Toggle deck.gl layer
Toggle interactions
Update a feature in realtime
Use a fallback image
Use addProtocol to Transform Feature Properties
Use locally generated ideographs
Variable label placement with offset
Variable label placement
View a fullscreen map
View local GeoJSON (experimental)
View local GeoJSON
Visualize population density
Zoom and planet size relation on globe
Guides
Guides
Guides
Optimising MapLibre Performance: Tips for Large GeoJSON Datasets
Leaflet migration guide
MapBox migration guide
OpenLayers migration guide
ImageAtlas
Defined in:
src/render/image_atlas.ts:74
A class holding all the images
Back to top