Weather map layers

OpenWeatherMap provides many kinds of weather maps including Precipitations, Clouds, Pressure, Temperature, Sea level pressure, Wind and many others. You can connect them to mobile applications and websites. It is also possible to combine several maps in one map like in the following map combination example.

How to connect weather map layers

There are two approaches to connect map layers. One is using an array of weather data. By this way you can embed current weather map and weather station map into your application.

The second one is using an OWM direct tile server. Precipitations, Clouds, Pressure, Temperature, Sea level pressure, and others can be embedded via this technology.

Google Maps JavaScript API based on OpenWeatherMap API

Google has closed their Weather and Cloud solutions since 4th of June 2015 and recommended to use OpenWeatherMap with the Google Maps JavaScript API as an alternative solution.

'Displaying weather data with the Google Maps API and OpenWeatherMap' manual:

Libraries to connect weather layers


The following functions are available for the OpenLayers library:

  • Classes of weather layer and weather stations layer
  • Possibility to set your own style
  • Classes with clustered markers
  • Support of marker server clustering


The OpenWeatherMap javascript library is designed to work with the Leaflet mapping service. The current version of the library allows the following:

  • Embedding of layer with current weather in cities
  • Embedding of layer with weather stations
  • The library supports customer clustering

Leaflet library

Another implementation of map based on Leaflet technology supports OWM's TileLayers and current city/station data. It is configurable with many options. For current city/station data the library supports refreshing the data in intervals, some types of client-side clustering (show only the station/city with the highest rank for a defined pixel square), custom image set (if you provide one), different languages ("en", "de", "ru", "fr", but translation is incomplete), minZoom and others.

Source and documentation ( is available on GitHub

Example of weather map

Examples of weather map layers


  • layer's name: clouds
  • area: worldwide
Full screen


  • layer's name: precipitation
  • area: worldwide
Full screen

Sea level pressure

  • layer's name: pressure
  • area: worldwide
Full screen

Wind speed

  • layer's name: wind
  • area: worldwide
Full screen


  • layer's name: temp
  • area: worldwide
Full screen


  • layer's name: snow
  • area: worldwide
Full screen

Clouds clouds worldwide tile server Cloud classic style clouds_cls worldwide tile server Sea Level Pressure pressure worldwide tile server Sea Level Pressure contour pressure_cntr worldwide tile server Temperature temp worldwide tile server Wind Speed wind worldwide tile server Current weather - worldwide array Weather stations - worldwide array

XML legend