🌤️ Weather Map Demo

Interactive weather map using OpenStreetMap and OpenWeatherMap API. Select a country to see temperature data for cities or subdivisions displayed on the map.

🎛️ Map Controls

0 countries available

0 subdivisions available

Select a country
0 locations
🌡️ Powered by OpenWeatherMap

Map Status:

Initializing map...

🗺️ Interactive Weather Map

Loading map...

Map Legend

Cold (< 10°C / 50°F)
Mild (10-25°C / 50-77°F)
Hot (> 25°C / 77°F)

📊 Weather Data

Current Weather Conditions

Location Temperature Conditions Humidity Wind
Select a country to load weather data

🔧 Technical Details

Data Sources

🌍 Countries: MatrixAPI (Free)
🏙️ Cities: MatrixAPI (Free)
🌤️ Weather: OpenWeatherMap API
🗺️ Maps: OpenStreetMap + Leaflet

Performance

Map: -ms
Countries: -ms
Weather: -ms
Total Requests: 0

📖 How to Use

  1. Select a Country: Choose from the dropdown to load its subdivisions and cities
  2. Optional Subdivision: Narrow down to a specific state/province for more focused results
  3. Weather Display Logic:
    • Country view: Shows top 2 cities per subdivision (only cities with coordinates)
    • Subdivision view: Shows all cities in that subdivision (only cities with coordinates)
    • Note: Some cities may not have coordinates and won't appear on the map
  4. Map Interaction: Click on map markers to see detailed weather information
  5. Real-time Data: Weather data is fetched live from OpenWeatherMap

🌟 Recommended Countries (Best Coverage)

These countries have the most cities with coordinates for optimal demo experience:

🇺🇸 United States
🇫🇷 France
🇮🇹 Italy
🇲🇽 Mexico
🇪🇸 Spain
🇷🇴 Romania
🇩🇪 Germany
🇵🇭 Philippines
🇧🇷 Brazil
🇷🇺 Russia

Note: This demo uses simulated weather data for demonstration purposes. Only cities with geographic coordinates (latitude/longitude) can display weather information. Countries not listed above may have limited or no coordinate data available.