www.prevision-meteo.

ch Données météo pour sites web

Récupération des prévisions météorologiques pour sites web

Prévision-meteo.ch fournit gratuitement les données de prévisions issues de son site pour toutes les localités de
Suisse, France et Belgique. Ces données peuvent être utilisées librement si les conditions suivantes sont respectées.

Conditions d’utilisation
- Utilisation autorisée sur tout site web ne proposant pas de contenu pour adultes, de contenu illicite ou
contraire à la morale.
- Un lien menant vers le site www.prevision-meteo.ch ou l’un de ses contenus est demandé sur le site
utilisant les données.

Méthodes de récupération des données

1. HTML – iframe
Méthode de récupération la plus facile.

Récupération des données

Les vignettes peuvent être récupérées dans deux formats différents. Un format horizontal ou un format
carré. Ceci doit être fait sur la page de récupération des données.

Affichage des prévisions

L’affichage des prévisions sur votre site se fait par un simple copier/coller à l’emplacement désiré du code
récupéré précédemment.

Personnalisation de l’affichage
Les couleurs des vignettes peuvent être personnalisées afin de correspondre au mieux au design de votre
site web.

Vous pouvez changer comme bon vous semble les paramètres suivants :
 Couleur du fond
 Couleur des textes principaux
 Couleur des températures minimales
 Couleur des températures maximales

Les couleurs des vignettes peuvent être personnalisées afin de correspondre au mieux au design de votre
site web.

Pour personnaliser l’affichage il suffit d’ajouter à la suite de l’url récupérée les paramètres comme sur
l’exemple suivant :
http://www.prevision-
meteo.ch/services/html/paris/horizontal?bg=ff0000&txtcol=F2F2F2&tmpmin=fff000&tmpmax=378ADF

Les couleurs doivent être indiquées au format hexadécimal.

Liste des paramètres

Description Paramètre
Couleur d’arrière plan bg=hexadecimal
Couleur des textes principaux txtcol=hexadecimal
Couleur des températures minimales tmpmin=hexadecimal
Couleur des températures maximales tmpmax=hexadecimal
www.prevision-meteo.ch Données météo pour sites web

Exemples
Encart météo pour la ville de paris, horizontal avec les couleurs modifiées
<div style="width:510px;color:#000;border:1px solid #F2F2F2;">
<iframe height="85" frameborder="0" width="510" scrolling="no" src="http://www.prevision-
meteo.ch/services/html/paris/horizontal ?bg=ff0000&txtcol=F2F2F2&tmpmin=fff000&tmpmax=378ADF "
allowtransparency="true"></iframe>
<a style="text-decoration:none;font-size:0.75em;" title="Détail des prévisions pour Paris"
href="http://www.prevision-meteo.ch/meteo/localite/paris">Prévisions complètes pour Paris</a>
</div>

2. JSON
Les données fournies par www.prevision-meteo.ch peuvent être récupérées au format JSON.

Configuration minimale
Les conditions requises sont de posséder un serveur muni de PHP 5.2.1 et supérieur afin de supporter les
fonctions json_decode() et file_get_contents().

Récupération des données

La récupération des données se fait simplement de la manière suivante. Cette manière de procéder vous
retournera des objets.
Pour retourner les données sous forme de tableau associatif veuillez ajouter TRUE comme deuxième
condition de json_decode($json, true) ;
$json = file_get_contents('CHEMIN_VERS_FICHIER_JSON');
$json = json_decode($json);

CHEMIN_VERS_FICHIER_JSON correspond à :
http://www.prevision-meteo.ch/services/json/[nom_ville][lat=xx.xxxlng=yy.yyy]

 Nom_ville - correspond au nom de la localité pour laquelle récupérer les prévisions. Le nom
de la localité peut être récupéré sur la page www.prevision-meteo.ch/services
Par exemple : www.prevision-meteo.ch/services/paris
 Lat=xx.xxxlng=yy.yyy – correspond à la latitude et à la longitude du point pour lequel
récupérer les prévisions.
Par exemple : www.prevision-meteo.ch/services/lat=45.32lng=8.54

Affichage des données

Si vous avez converti le fichier JSON sous forme d’objets les données doivent être affichées de cette
manière.
echo $json->city_info->name;

Si le fichier JSON est retourné sous forme de tableau associatif

echo $json['city_info']['name'];
www.prevision-meteo.ch Données météo pour sites web

Liste des paramètres retournés par le flux JSON

Description Paramètre
Infos localité
Nom de la localité city_info->name
Latitude city_info->latitude
Longitude city_info->longitude
Altitude city_info->elevation
Heure de lever du soleil city_info->sunrise
Heure de coucher du soleil city_info->sunset
Infos du point réel de la prévision
Latitude forecast_info->latitude
Longitude forecast_info->longitude
Altitude forecast_info->elevation
Conditions actuelles
Date current_condition->date
Heure current_condition->hour
Température current_condition->tmp
Vitesse du vent current_condition->wnd_spd
Vitesse du vent en rafale current_condition->wnd_gust
Direction du vent current_condition->wnd_dir
Pression current_condition->pressure
Humidité current_condition->humidity
Conditions (texte) * current_condition->condition
Icône current_condition->icon
Icône (grande) Current_condition->icon_big
Prévisions J0
Date fcst_day_0->date
Jour (format court) fcst_day_0->day_short
Température minimale fcst_day_0->tmin
Température maximale fcst_day_0->tmax
Conditions (texte) * fcst_day_0->condition
Icône fcst_day_0->icon
Icône (grande) fcst_day_0->icon_big
Données horaires
0H00
Icône Fcst_day_0->hourly_data->0H00->ICON

Conditions (texte) * Fcst_day_0->hourly_data->0H00->CONDITION

Température [°C] Fcst_day_0->hourly_data->0H00->TMP2m

Point de rosée [°C] Fcst_day_0->hourly_data->0H00->DPT2m

Refroidissement éolien [°C] Fcst_day_0->hourly_data->0H00->WNDCHILL2m

Humidité relative [%] Fcst_day_0->hourly_data->0H00->RH2m

Pression atmosphérique [Hpa] Fcst_day_0->hourly_data->0H00->PRMSL

Précipitations [mm] Fcst_day_0->hourly_data->0H00->APCPsfc

Vitesse du vent à 10m [Km/h] Fcst_day_0->hourly_data->0H00->WNDSPD10m

Rafales à 10m [Km/h] Fcst_day_0->hourly_data->0H00->WNDGUST10m

Direction du vent [°] Fcst_day_0->hourly_data->0H00->WNDDIR10m

Direction du vent Fcst_day_0->hourly_data->0H00->WNDDIRCARD10

Type de précipitation [0 = pluie, Fcst_day_0->hourly_data->0H00->ISSNOW

1 = neige]
Nuages haute altitude Fcst_day_0->hourly_data->0H00->HCDC

Nuages moyenne altitude Fcst_day_0->hourly_data->0H00->MCDC

www.prevision-meteo.ch Données météo pour sites web

Nuages basse altitude Fcst_day_0->hourly_data->0H00->LCDC

Isotherme zéro degré [°C] Fcst_day_0->hourly_data->0H00->HGT0C

K-index (potentiel orageux) Fcst_day_0->hourly_data->0H00->KINDEX

CAPE 180-0 Fcst_day_0->hourly_data->0H00->CAPE180_0

CIN 180-0 Fcst_day_0->hourly_data->0H00->CIN180_0

1H00
…
23H00
Prévisions J1 fcst_day_1->XXX
Prévisions J2 fcst_day_2->XXX
Prévisions J3 fcst_day_3->XXX

* Conditions de temps possibles

 Ensoleillé
 Nuit claire  Pluie faible
 Ciel voilé  Pluie forte
 Nuit légèrement voilée  Pluie modérée
 Faibles passages nuageux  Développement nuageux
 Nuit bien dégagée  Nuit avec développement nuageux
 Brouillard  Faiblement orageux
 Stratus  Nuit faiblement orageuse
 Stratus se dissipant  Orage modéré
 Nuit claire et stratus  Fortement orageux
 Eclaircies  Averses de neige faible
 Nuit nuageuse  Nuit avec averses de neige faible
 Faiblement nuageux  Neige faible
 Fortement nuageux  Neige modérée
 Averses de pluie faible  Neige forte
 Nuit avec averses  Pluie et neige mêlée faible
 Averses de pluie modérée  Pluie et neige mêlée modérée
 Averses de pluie forte  Pluie et neige mêlée forte
 Couvert avec averses

Exemples
Afficher l’icône du temps actuel
<img src="<?php echo $json->current_condition->icon; ?>" width="45"
height="45" />

Encart avec nom de la localité, jours et icône. Notez que la mise en page doit être effectuée avec du CSS qui
n’est pas inclus dans cet exemple.
<div id="widget_1">
<h1><?php echo $json->city_info->name; ?></h1>
<ul>
<li><span><?php echo $json->fcst_day_0->day_short; ?></span><img src="<?php echo $json->fcst_day_0->icon; ?>"
width="45" height="45" /></li>
<li><span><?php echo $json->fcst_day_1->day_short; ?></span><img src="<?php echo $json->fcst_day_0->icon; ?>"
width="45" height="45" /></li>
<li><span><?php echo $json->fcst_day_2->day_short; ?></span><img src="<?php echo $json->fcst_day_2->icon; ?>"
width="45" height="45" /></li>
</ul>
</div>