Attention


Cet article a été publié il y a plus d'un an, il peut y avoir des développements été.
S'il vous plaît prendre en compte.

Voyons maintenant comment le montrer sur notre site conditions météorologiques, et éventuellement prévisions météorologiques aide API di Google et PHP. Cette technique peut être inutile la plupart du temps si vous manipulez par exemple un site perso, mais il est certainement utile, par exemple pour sites institutionnels, ou touristique, ou encore pour Hôtels, i Camping e le installations touristiques à peine.

Certains diront que les services de ce genre, il ya beaucoup d'autres, que la liberté de mettre à la disposition du code (souvent en utilisant la balise <iframe>) à inclure dans la page. Dans notre cas, cependant, le résultat sera un "une intégration transparente dans la page de notre site Web, le navigateur ne sera pas envoyée aux serveurs Google, et aura la perception que l'information réside sur notre serveur. Si rien d'autre ne sera conforme aux normes du W3C.

Les lignes de code sont très peu.

Pour afficher le 'XML fourni par Google, vous devez aller sur cette page:

http://www.google.com / ig / api?Météo =[ville]

Pour la sortie, je pris comme exemple MERATE, une petite ville dans la Brianza.

<La version xml_api_reply ="1">
    <Météo module_id ="0" tab_id ="0" mobile_row ="0" mobile_zipped ="1" row ="0" section ="0">
        <forecast_information>
            <Données ville ="MERATE, Lombardie"/>
            <postal_code data ="MERATE"/>
            <latitude_e6 data=""/>
            <longitude_e6 data=""/>
            <données forecast_date ="2010-01-05"/>
            <données current_date_time ="2010-01-05 19:09:49 +0000"/>
            <unit_system data ="SI"/>
        </forecast_information>
        <current_conditions>
            <des données d'état ="Effacer"/>
            <temp_f data ="36"/>
            <temp_c data ="2"/>
            <données d'humidité ="Humidité: 70%"/>
            <icône data ="/IG / images / Météo / cloudy.gif"/>
            <des données de wind_condition ="Vent: N a 5 km/h"/>
        </current_conditions>
        <forecast_conditions>
            <day_of_week data ="mer"/>
            <faible data ="-2"/>
            <données de haute ="3"/>
            <icône data ="/IG / images / Météo / snow.gif"/>
            <des données d'état ="Averses de neige"/>
        </forecast_conditions>
        <forecast_conditions>
            <day_of_week data ="plus"/>
            <faible data ="0"/>
            <données de haute ="6"/>
            <icône data ="/IG / images / Météo / partly_cloudy.gif"/>
            <des données d'état ="Partiellement nuageux"/>
        </forecast_conditions>
        <forecast_conditions>
            <day_of_week data ="gio"/>
            <faible data ="0"/>
            <données de haute ="4"/>
            <icône data ="/IG / images / Météo / rain_snow.gif"/>
            <des données d'état ="Pluie et neige"/>
        </forecast_conditions>
        <forecast_conditions>
            <day_of_week data ="voir"/>
            <faible data ="-1"/>
            <données de haute ="4"/>
            <icône data ="/IG / images / Météo / rain_snow.gif"/>
            <des données d'état ="Pluie et neige"/>
        </forecast_conditions>
    </Météo>
</xml_api_reply>

Maintenant, nous allons voir comment mettre en forme ce code et "pigeonnier«Avec PHP:

<?
$xml = simplexml_load_file('Http://www.google.com / ig / api?Météo = bari ");
$information = $ xml->XPath("/xml_api_reply / Météo / forecast_information");
$courant = $ xml->XPath("/xml_api_reply / Météo / current_conditions");
$forecast_list = $ xml->XPath("/xml_api_reply / Météo / forecast_conditions");
?>
<html>
    <tête>
        <titre>Google API Météo</titre>
    </tête>
    <corps>
        <h1><?= Print $ d'informations[0]->ville[«Données»]; ?></h1>
        <h2>La météo du jour</h2>
        <div class ="Météo">
            <img src ="<?= 'Http://www.google.com » . $courant[0]->icône[«Données»]?>" alt ="Météo"?>
            <span class ="état">
            <?= $ Courants[0]->temp_f[«Données»] ?>° F,
            <?= $ Courants[0]->état[«Données»] ?>
            </durée>
        </div>
        <h2>Prévision</h2>
        <? foreach ($forecast_list que $ prévision) : ?>
        <div class ="Météo">
            <img src ="<?= 'Http://www.google.com » . $prévision>icône[«Données»]?>" alt ="Météo"?>
            <div><?= $ Prévision>day_of_week[«Données»]; ?></div>
            <span class ="état">
                <?= $ Prévision>faible[«Données»] ?>° F - <?= $ Prévision>élevé[«Données»] ?>° F,
                <?= $ Prévision>état[«Données»] ?>
            </durée>
        </div>
        <? endforeach ?>
    </corps>
</html>

Bien sûr, tout sera inséré dans la mise en page du site que nous avons besoin de modifier, mais ce sont les paramètres de base.

Pas assez?


TheJoe

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

2 commentaires

fil · 29 Février 2016 à 6:42 PM

J'ai des nouvelles que l'API Google pour le temps ont été désapprouvée, il est vrai?

    Giovanni Mauri · 5 Juin 2016 à 2:24 PM

    Et’ vrai. Google a arbitrairement annulé le service sans préavis, ou explication.
    Y at-il des alternatives viables. Une que je recommande est OpenWeatherMap – http://openweathermap.org/api
    Merci pour le commentaire et présenter des excuses pour le retard.

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site utilise Akismet pour réduire le spam. Découvrez comment vos données de commentaire est traité.