Karte Wetter-basierend auf Benutzer-Standort

Ich bin mit einem code, der verpasst meiner wordpress-website-hintergrund nach der Yahoo-API-URL, die ich eingefügt. Gibt es trotzdem, um es automatisch die Besucher Wetter ohne Datenbanken? Ich habe aber über die Google-API, aber ich bin ein Neuling in der Programmierung und weiß nicht, wie es zu implementieren, in meiner website. Bitte helfen Sie mit!
Der code kann hier eingesehen werden: http://css-tricks.com/using-weather-data-to-change-your-websites-apperance-through-php-and-css/

Bitte gründlich, denn ich bin neu in PHP
Danke!

InformationsquelleAutor user1373771 | 2012-08-25

  1. 5

    Diese erhalten Benutzer die Postleitzahl von Ihrer IP-Adresse mit Hilfe des open-source - IP2Coordinates service aus der Data Science Toolkit.

    Gibt es mehr genaue Geo-location-APIs gibt, aber dieser ist absolut kostenlos und tot einfach zu bedienen. Wenn ich die Entwicklung dieser auf einen Produktionsstandort, die ich verwenden würde, HTML5 Geolocation als meine primäre Methode, mit einem fallback auf eine bessere IP-geolocator, wie Max Geist.

    Beachten Sie, dass dies nur funktioniert, für UNS, die Nutzer Ihrer Website. Sie sollten wahrscheinlich passieren mehr detaillierte Daten zu einem anderen Yahoo-Ort-APIs, um einer Ihrer WOEIDs zu verwenden (oder wählen Sie eine andere Wetter-API).

    Hier ist der code für Sie. Setzen Sie diese direkt nach der <?php tag in deinem Beispielcode. Sobald Sie sicher sind, dass es funktioniert, kommentieren Sie alle Zeilen, die beginnen mit print.

    //Get the user's IP address
$user_ip = $_SERVER['REMOTE_ADDR'];
//The Data Science Toolkit URL
$url = 'http://www.datasciencetoolkit.org/ip2coordinates/';
//Find the user's location from their IP. 
//*** You need the get_data function from the sample code
$raw_geocode = json_decode( get_data( $url . $user_ip) );
//Check if the user is in the US
if ('US' === $raw_geocode->$user_ip->country_code) {
  //If yes, store their zip code in a variable, and print it
  $zip_code = $raw_geocode->$user_ip->postal_code;
  printf('<p>Your zip code is: %s</p>', $raw_geocode->$user_ip->postal_code);
} else {
  //If the user isn't in the US, set a sip code that will work.
  $zip_code = '97211';
  //and print an error
  printf('<p>Sorry, this app does not work in %s.</p>', $raw_geocode->$user_ip->country_name);
}

//Print the raw data for debugging.
printf('<pre>%s</pre>', print_r($raw_geocode, true));

    Nun ändern Sie die Zeile in der Beispiel-code, der beginnt mit $data =:

    $data = get_data("http://weather.yahooapis.com/forecastrss?p={$zip_code}&u=f");
    Was muss ich ersetzen um diesen code zu erhalten, um zu arbeiten ( oder es funktioniert direkt aus der box)? Sorry, ich habe keinen Zugriff auf einen comp bis morgen. vielen Dank für den code, und Sie sollten diese post zu CSS-tricks oder so etwas; ich denke, das ist eine der wenigen Anleitungen, die dies tun können!
    Es sollte funktionieren out of the box.
    Es funktioniert perfekt!!! Alle die ich tun musste, war, löschen Sie die Teile, wo es auf den gedruckten text (es Durcheinander mein wp-theme) und es funktionierte wie ein Charme. Haben Sie eine website? Ich würde gerne hinzufügen, einen Kredit zu Sie in der Fußzeile!
    Vielen Dank für das Lob. Wenn Sie möchten, um ein Guthaben, können Sie getwellgabby.org.
    Hast du diese website? Es ist sehr schön.

    InformationsquelleAutor cpilko

  2. 6

    Benötigen Sie eine API für die Zuordnung der Besucher-IP-Adresse für Standort ( ipapi.co ) und ein weiteres zu bekommen, Wettervorhersage für den Ort ( openweathermap.org ). Der code ist für php (server-Seite) : 

    # Part 1 (get latitude & longitude)
$ip = '1.2.3.4';
$api_1 = 'https://ipapi.co/' . $ip . '/latlong/';
$location = file_get_contents($api_1);
$point = explode(",", $location);

# Part 2 (get weather forecast)
$api_2 = 'http://api.openweathermap.org/data/2.5/weather?lat=' . $point[0] . '&lon=' . $point[1] . '&appid=API_KEY';
$weather = file_get_contents($api_2);
    Sie erhalten erweiterten Prognose, wie gut $api_3 = 'http://api.openweathermap.org/data/2.5/forecast?lat=' . $point[0] . '&lon=' . $point[1] . '&appid=' . $api_key; $forecast = file_get_contents($api_3);

    InformationsquelleAutor user6299091

  3. 1

    Mit ipinfo.io und OpenWeatherMap

    Javascript:

    <script type="text/javascript" src="jquery.simpleopenweather.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $.get("http://ipinfo.io", function (response) {
            $("#weather").attr('data-simpleopenweather-city', response.city).simpleopenweather({template: '<h2>'+'{{temperature}} '+'&deg;'+'C'+'<h2>', units: 'metric'});
        }, "jsonp");
    });
</script>

    HTML:

    <div id="weather" class="simpleopenweather" data-simpleopenweather-city=""></div>

    Wird es zeigen, so etwas wie 6.3 ºC

    InformationsquelleAutor Joep

Schreibe einen Kommentar