Weather map layers

OpenWeatherMap provides many kinds of weather maps including Precipitation, Clouds, Pressure, Temperature, Sea level pressure (temporarily unavailable), Wind, Snow and Rain. You can connect them to mobile and web apps. It is also possible to combine several base maps and overlays in one map like in the following example.

How to connect weather map layers

There are two approaches to connect map layers that are generated by Openweathermap VANE platform. One is using an array of weather data turning GeoJSON feed into interactive map application. By this way you can embed current weather map and weather station map into your application. See below how it is described by Google Maps case

or in the demonstration application displaying current weather city lables. The second one is using VANE tile server API. Precipitations, Clouds, Pressure, Temperature, Sea level pressure, and others can be embedded this way.

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

OpenLayers

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/



Examples of weather map layers

Clouds

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


Precipitations

  • 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