--- title: "Weather JS | Weather SDK | JavaScript maps SDK" description: "Technical documentation for the MapTiler Weather JS module. Reference for the weather-specific tiled layers. Visualize the interactive weather layers at 60 frames per second animation and add them to your map like any other layer." --- # Weather JS ## Enumerations [ChannelIndices](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/enums/ChannelIndices/)[](#channelindices) ## Classes [ArrowLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ArrowLayer/)[](#arrowlayer) [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/)[](#coloringfragmentbase) [ColorRamp](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColorRamp/)[](#colorramp) [GradientColoringFragment](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/GradientColoringFragment/)[](#gradientcoloringfragment) [InstancePool](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/InstancePool/)[](#instancepool) [IsolineLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/IsolineLayer/)[](#isolinelayer) [MultiChannelGradientColoringFragment](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/MultiChannelGradientColoringFragment/)[](#multichannelgradientcoloringfragment) [OpacityColoringFragment](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/OpacityColoringFragment/)[](#opacitycoloringfragment) [ParticleLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ParticleLayer/)[](#particlelayer) [PrecipitationLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/PrecipitationLayer/)[](#precipitationlayer) [PressureIsolineLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/PressureIsolineLayer/)[](#pressureisolinelayer) [PressureLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/PressureLayer/)[](#pressurelayer) [RadarLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/RadarLayer/)[](#radarlayer) [TemperatureLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/TemperatureLayer/)[](#temperaturelayer) [TileLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/TileLayer/)[](#tilelayer) [WeatherDataHandler](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/WeatherDataHandler/)[](#weatherdatahandler) [WindArrowLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/WindArrowLayer/)[](#windarrowlayer) [WindLayer](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/WindLayer/)[](#windlayer) ## Interfaces [ColorStop](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/ColorStop/)[](#colorstop) [DecoderOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/DecoderOptions/)[](#decoderoptions) [IsolineLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/IsolineLayerOptions/)[](#isolinelayeroptions) [MultiChannelDecoderOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/MultiChannelDecoderOptions/)[](#multichanneldecoderoptions) [OpacityColoringFragmentOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/OpacityColoringFragmentOptions/)[](#opacitycoloringfragmentoptions) [Pixel](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/Pixel/)[](#pixel) [TileCoordinates](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/TileCoordinates/)[](#tilecoordinates) [TileLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/TileLayerOptions/)[](#tilelayeroptions) [TilePlacement](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/TilePlacement/)[](#tileplacement) [ZoomLevelStep](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/ZoomLevelStep/)[](#zoomlevelstep) ## Type Aliases [AlphaChannelValue](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/AlphaChannelValue/)[](#alphachannelvalue) [ArrayColor](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ArrayColor/)[](#arraycolor) [ArrayColorRamp](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ArrayColorRamp/)[](#arraycolorramp) [ArrayColorRampStop](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ArrayColorRampStop/)[](#arraycolorrampstop) [ArrowLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ArrowLayerOptions/)[](#arrowlayeroptions) [Bounds](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/Bounds/)[](#bounds) [ColorChannelValue](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ColorChannelValue/)[](#colorchannelvalue) [ColorRampOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ColorRampOptions/)[](#colorrampoptions) [GradientColoringFragmentOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/GradientColoringFragmentOptions/)[](#gradientcoloringfragmentoptions) [Keyframe](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/Keyframe/)[](#keyframe) [MatrixSetItem](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/MatrixSetItem/)[](#matrixsetitem) [MultiChannelGradientColoringFragmentOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/MultiChannelGradientColoringFragmentOptions/)[](#multichannelgradientcoloringfragmentoptions) [ParticleLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/ParticleLayerOptions/)[](#particlelayeroptions) [PrecipitationLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/PrecipitationLayerOptions/)[](#precipitationlayeroptions) [PrecipitationPickAt](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/PrecipitationPickAt/)[](#precipitationpickat) [PressureIsolineLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/PressureIsolineLayerOptions/)[](#pressureisolinelayeroptions) [PressureLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/PressureLayerOptions/)[](#pressurelayeroptions) [PressurePickAt](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/PressurePickAt/)[](#pressurepickat) [RadarLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/RadarLayerOptions/)[](#radarlayeroptions) [RadarPickAt](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/RadarPickAt/)[](#radarpickat) [RgbaColor](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/RgbaColor/)[](#rgbacolor) [RgbChannel](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/RgbChannel/)[](#rgbchannel) [SourceAndUnixTimestamp](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/SourceAndUnixTimestamp/)[](#sourceandunixtimestamp) [SpatialReferenceSystem](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/SpatialReferenceSystem/)[](#spatialreferencesystem) [StopsPerCategoryType](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/StopsPerCategoryType/)[](#stopspercategorytype) [TemperatureLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/TemperatureLayerOptions/)[](#temperaturelayeroptions) [TemperaturePickAt](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/TemperaturePickAt/)[](#temperaturepickat) [TickEvent](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/TickEvent/)[](#tickevent) [Tile](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/Tile/)[](#tile) [TileList](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/TileList/)[](#tilelist) [TileMatrixSet](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/TileMatrixSet/)[](#tilematrixset) [TilesAreaBounds](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/TilesAreaBounds/)[](#tilesareabounds) [UsedRgbChannel](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/UsedRgbChannel/)[](#usedrgbchannel) [Vertex](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/Vertex/)[](#vertex) [VerticesRow](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/VerticesRow/)[](#verticesrow) [WeatherPayload](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/WeatherPayload/)[](#weatherpayload) [WeatherVariable](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/WeatherVariable/)[](#weathervariable) [WeatherVariableIDValue](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/WeatherVariableIDValue/)[](#weathervariableidvalue) [WindArrowLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/WindArrowLayerOptions/)[](#windarrowlayeroptions) [WindLayerOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/WindLayerOptions/)[](#windlayeroptions) [WindPickAt](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/WindPickAt/)[](#windpickat) ## Variables [EARTH\_PERIMETER\_M](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/variables/EARTH_PERIMETER_M/)[](#earth_perimeter_m) [EARTH\_RADIUS\_M](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/variables/EARTH_RADIUS_M/)[](#earth_radius_m) [WeatherVariableID](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/variables/WeatherVariableID/)[](#weathervariableid) ## Functions [addLayerWhenReady](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/addLayerWhenReady/)[](#addlayerwhenready) [areArraysEqual](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/areArraysEqual/)[](#arearraysequal) [floatifyColor](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/floatifyColor/)[](#floatifycolor) [getCardinalDirection](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/getCardinalDirection/)[](#getcardinaldirection) [getMapElement](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/getMapElement/)[](#getmapelement) [getTileCoverage](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/getTileCoverage/)[](#gettilecoverage) [latToUnit](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/latToUnit/)[](#lattounit) [makeUnitColor](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/makeUnitColor/)[](#makeunitcolor) [pixelToLat](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/pixelToLat/)[](#pixeltolat) [sampleImage](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/sampleImage/)[](#sampleimage) [slerpVectors](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/slerpVectors/)[](#slerpvectors) [unitToLat](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/unitToLat/)[](#unittolat) [wgs84ToMaplibreMerc](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/wgs84ToMaplibreMerc/)[](#wgs84tomaplibremerc) [wgs84ToMerc](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/wgs84ToMerc/)[](#wgs84tomerc) [wgs84ToTileIndex](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/wgs84ToTileIndex/)[](#wgs84totileindex) [wgs84ToUnit](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/functions/wgs84ToUnit/)[](#wgs84tounit)