Météo en ligne — Prévisions 7 jours par ville

Comment lire les données météo ?

Les données météo affichées proviennent de modèles numériques de prévision. Chaque indicateur a une signification précise :

Comprendre les codes météo WMO

L'Organisation Météorologique Mondiale (WMO) a défini des codes numériques standardisés pour décrire les conditions météorologiques. Open-Meteo les utilise nativement :

L'API Open-Meteo

Open-Meteo est une API météo open-source et gratuite, sans clé API nécessaire. Elle agrège plusieurs modèles météorologiques mondiaux (ECMWF, GFS, DWD…) pour fournir des prévisions précises.

Exemple de requête pour Paris :

// 1. Géocodage — ville → coordonnées
GET https://geocoding-api.open-meteo.com/v1/search
    ?name=Paris&count=1&language=fr

// 2. Météo — coordonnées → données
GET https://api.open-meteo.com/v1/forecast
    ?latitude=48.85&longitude=2.35
    ¤t=temperature_2m,weather_code,wind_speed_10m
    &daily=temperature_2m_max,temperature_2m_min
    &timezone=auto

Intégrer la météo dans vos apps

Voici un exemple minimal pour afficher la température actuelle avec fetch en JavaScript :

// Étape 1 : géocoder la ville
async function getWeather(city) {
  // Recherche des coordonnées
  const geoRes  = await fetch(
    `https://geocoding-api.open-meteo.com/v1/search?name=${city}&count=1`
  );
  const geoData = await geoRes.json();
  const { latitude, longitude, name } = geoData.results[0];

  // Étape 2 : récupérer la météo
  const url = new URL('https://api.open-meteo.com/v1/forecast');
  url.searchParams.set('latitude',  latitude);
  url.searchParams.set('longitude', longitude);
  url.searchParams.set('current',   'temperature_2m,weather_code');
  url.searchParams.set('timezone',  'auto');

  const meteoRes  = await fetch(url);
  const meteoData = await meteoRes.json();

  console.log(`${name} : ${meteoData.current.temperature_2m}°C`);
}