Weather map layers

OpenWeatherMap provides many kinds of weather maps including Precipitation, Clouds, Pressure, Temperature, Wind. You can connect them to mobile and web apps.

URL format

There are two endpoints for accessing weather layers.

The following endpoint is available for everyone. It requires the API key authentification.

http://tile.openweathermap.org/map/{layer}/{x}/{y}/{z}.png?appid={api_key}


This endpoint is only available for users who subscribed to Developer plan and higher. It also requires the API key authentification. The access is given only by the request.

https://maps.owm.io/map/{layer}/{x}/{y}/{z}.png?appid={api_key}

{layer}
layer name
{z}
number of zoom level
{x}
number of x tile coordinate
{y}
number of y tile coordinate
{api_key}
Your API key

Examples of weather map layers

Clouds

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


Precipitation

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


Sea level pressure

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


Wind speed

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


Temperature

  • layer's name: temperature
  • area: worldwide
Full screen
Temperature


Map styles legend

Default styles for weather layers

There is also availability to customize weather layers by using the Map editor. Click the link to check out the guidance on how to use it.

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:

https://github.com/google/maps-for-work-samples/blob/master/samples/maps/OpenWeatherMapLayer/OpenWeatherMapLayer.pdf

Libraries to connect weather layers

Open 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

Leaflet

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 (README.md) is available on GitHub https://github.com/buche/leaflet-openweathermap

Example of weather map: http://map.comlu.com/openweathermap/

Cities on the map

Check out the use case of Scanex leaflet.