🌀️ JourneyWeather

Plan your journey with real-time weather forecasts along your route

Start Planning β†’

How to Use JourneyWeather

1

Start Routing

Click the "Start Routing" button on the map to begin planning your journey.

2

Enter Locations

Enter your start and end locations using the address search. The autocomplete will help you find the right place.

3

Choose Transport Mode

Select your preferred transport mode: πŸš— Driving or 🚴 Cycling. The route and weather waypoints will adjust accordingly.

4

Calculate Route

Click "Calculate Route" to see your journey path and weather forecasts at key points along the route.

5

Explore Weather

Click on the colored waypoint markers to see detailed weather information at that location, including temperature, precipitation, wind speed, and humidity.

6

Adjust Time

Use the time selector to see how weather conditions change throughout the coming few hours. The precipitation overlay updates automatically.

Understanding the Map

🌧️ Precipitation Overlay

The colored overlay on the map shows precipitation intensity in millimeters per hour (mm/h). Use the legend toggle button on the map to show or hide this legend.

0-0.2 mm/h
0.2-0.5 mm/h
0.5-1 mm/h
1-2 mm/h
2-5 mm/h
5-10 mm/h
10-20 mm/h
20-40 mm/h
> 40 mm/h

πŸ“ Route Waypoint Markers

The colored dots along your route show weather conditions at evenly-spaced points. Each marker displays an icon and temperature above it. Click any marker to see a detailed forecast popup with temperature, precipitation, wind speed, humidity, weather conditions, and expected arrival time.

How Marker Colors Are Determined:

Marker colors follow a priority system: If precipitation is present (> 0 mm/h), the marker uses a blue gradient where intensity increases with precipitation amount (normalized up to 5 mm/h). Otherwise, the color is based on temperature as shown below.

Temperature-Based Colors (when no precipitation)

🌨️
Cold (< 0Β°C)

Freezing temperatures - Blue (#60a5fa)

🌀️
Cool (0-10Β°C)

Chilly conditions - Light Blue (#a5b4fc)

β˜€οΈ
Mild (10-20Β°C)

Pleasant weather - Green (#4ade80)

β˜€οΈ
Warm (20-30Β°C)

Comfortable warmth - Yellow (#fbbf24)

πŸ”₯
Hot (> 30Β°C)

High temperatures - Red (#f87171)

Precipitation Override (takes priority)

🌧️
Precipitation Present

Blue gradient (intensity = precipitation / 5 mm/h, max 1.0). Gradient ranges from light cyan to deep blue based on precipitation intensity.

Weather Icons (WMO Weather Codes)

Icons are determined by WMO weather interpretation codes and displayed above each marker along with the rounded temperature:

β˜€οΈ
0-3: Clear to Partly Cloudy
🌫️
45-48: Fog
🌧️
51-67: Drizzle/Rain
🌨️
71-77: Snow
β›ˆοΈ
80-82, 95-99: Rain Showers/Thunderstorm
❄️
85-86: Snow Showers

πŸ“Š Detailed Information

When you click a waypoint marker, a popup shows:

  • πŸ“ Expected Arrival: Estimated time you'll reach this point
  • 🌑️ Temperature: Current temperature in Celsius
  • 🌧️ Precipitation: Precipitation rate in mm/h
  • πŸ’¨ Wind Speed: Wind speed in km/h
  • πŸ’§ Humidity: Relative humidity percentage
  • ☁️ Conditions: Weather description based on WMO codes
  • πŸ• Forecast Time: The specific time the forecast is for

Features

πŸ—ΊοΈ

Interactive Mapping

Explore weather data on an interactive OpenLayers map with real-time precipitation overlays.

πŸš—

Route Planning

Plan your journey with support for driving and cycling routes using OpenRouteService.

🌦️

Weather Forecasts

Get detailed weather forecasts at multiple points along your route with Open-Meteo.

⏰

Time-Based Analysis

See how weather conditions change throughout the day with the time selector.

πŸ“Š

Detailed Metrics

View temperature, precipitation, wind speed, humidity, and weather codes at each waypoint.

πŸ“±

Mobile Friendly

Fully responsive design optimized for mobile devices with touch-friendly controls.

Technologies & Data Sources

Frontend & Framework

Weather Data

Routing & Geocoding

Infrastructure

About JourneyWeather

JourneyWeather is an open-source application that helps you plan your journeys with comprehensive weather information. It combines real-time precipitation data from meteorological services with detailed weather forecasts along your route, giving you the information you need to make informed travel decisions.

The application uses standardized WMS (Web Map Service) protocols to access weather data, ensuring compatibility with various meteorological data sources. Weather forecasts are provided by Open-Meteo, while routing capabilities are powered by OpenRouteService.