Products
MapTiler Cloud
Maps Platform GeoData Hosting Weather Visualization Static maps API
MapTiler
Map Design Tool Search & Geocoding IP Geolocation API MapTiler SDK JS
server & data
Self-hosted Maps Map Server
Engine & Desktop
GeoData Processing
Company
News Careers About Us Open-source Contact
Pricing
Resources
Documentation Portal JavaScript SDK Android SDK iOS SDK API Client Library + CLI API Reference Tileset Schemas YouTube Channel Support
Search Products
MapTiler Cloud
Maps Platform GeoData Hosting Weather Visualization
MapTiler
Map Design Tool Search & Geocoding IP Geolocation API Static maps API MapTiler SDK JS
server & data
Self-hosted Maps Map Server
Engine & Desktop
GeoData Processing
Company
News Careers About Us Open-source Contact
Pricing Resources
Documentation Portal JavaScript SDK Android SDK iOS SDK API Client Library + CLI API Reference Tileset Schemas YouTube Channel Support
My Cloud
My Cloud
  1. Documentation
  2. SDK JS
  3. Examples
  4. Weather Cloud coverage displayed from radar data

Weather Cloud coverage displayed from radar data

Explore the weather cloud coverage on a weather radar map using the MapTiler Cloud Weather Radar dataset and get the radar reflectivity in dBZ at the point under the cursor.

This example, illustrates the process of visualizing cloud cover, using the built-in RADAR_CLOUD color ramp.



Learn more

Check out the Weather JS module reference

Check out the Radar layer reference

Check out the Color ramp reference

Related examples

Weather custom popup

Weather custom popup

Example

This example demonstrates using custom popups on top of a map because MapLibre's popups were originally quite limited in layout and style.

Weather layer switcher

Weather layer switcher

Example

Switch the display of the different weather layers in the MapTiler Cloud Weather data set and get the data information at the point under the cursor.

Weather precipitation layer

Weather precipitation layer

Example

Visualize weather precipitation layer from MapTiler Cloud Weather Precipitation dataset and get the precipitation at the point under the cursor.

Weather Plus pressure isolines layer

Weather+ pressure isolines layer

Example

Visualize weather pressure isolines layer from MapTiler Cloud Weather Plus Pressure dataset.

An extension of MapLibre GL JS
Interactive weather layers to customize for MapTiler Cloud and MapTiler SDK JS

Examples

More than 100 examples

SDK JS Reference

  • Map
  • Map Styles
  • Markers and popups
  • Sources
  • Layers
  • Controls
  • Helpers
  • Coordinates
  • Events
  • User interaction handlers
  • Languages
  • Color Ramp
  • Config
  • API Client
  • Properties and options
  • Types

SDK Modules

  • 3D JS
  • Augmented reality (AR)
  • Elevation Profile
  • Geocoding
  • Marker Layout
  • Weather JS

Video tutorials

  • video tutorial about sdk-js
  • More video tutorials

JS Frameworks

  • Angular
  • React
  • Svelte
  • Vue.js
  • Vite

Other maps libraries

  • MapTiler SDK JS
  • Leaflet
  • OpenLayers
  • Deck.gl
  • Cesium

Other libraries

  • Unreal
  • Unity

Module Usage

  • MapTiler SDK JS
  • Leaflet
  • OpenLayers
  • MapLibre GL JS
  • React component
  • Svelte component
  • Vanilla JS

Module Reference

  • API Reference
  • Types and interfaces

Follow us on

Products
Maps API Geocoding Map designers tool GeoData hosting Static map IP Geolocation API Coordinates API Data processing Weather visualization MapTiler SDK Self-hosting Server Self-hosting Data
Maps & data
Streets Satellite Basic Light Dark Outdoor Winter 3D Terrain Countries MapTiler planet Attribution-free map Map preview Showcases & Tools
Usage
Transportation Weather Real Estate Aviation News & Media Government Mapbox alternative Google Maps API alternative Maps in videos Maps for games Custom coordinate systems Augmented reality maps Elections
Documentation
Tutorials API Reference Web SDK Android SDK iOS SDK Tileset Schemas YouTube channel Bug report
Company
News Jobs About Us Become a Partner Open-source Press Contact Cookie settings

©  2024  MapTiler. All rights reserved. Privacy & Terms.