5

挿入したYahooAPIURLに応じてWordPressWebサイトの背景を変更するコードを使用しています。データベースなしで訪問者の天気を自動的に表示するようにする方法はありますか？私はGoogleのAPIを使用することを考えていますが、プログラミングの初心者であり、それを自分のWebサイトに実装する方法がわかりません。助けてください！コードはここで表示できます：http：//css-tricks.com/using-weather-data-to-change-your-websites-apperance-through-php-and-css/

私はPHPに不慣れなので、徹底してください。ありがとう！

4

4 に答える 4

7

訪問者のIPアドレスを場所にマッピングするためのAPI（ipapi.co）と、場所の天気予報を取得するためのAPI（ openweathermap.org ）が必要です。以下のコードはphp（サーバー側）用です：

# 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);
于 2016-05-06T07:20:20.133 に答える
5

これにより、Data Science ToolkitのオープンソースIP2Coordinatesサービスを使用して、ユーザーのIPアドレスからユーザーの郵便番号が取得されます。

より正確なジオロケーションAPIがありますが、これは完全に無料で、非常に簡単に使用できます。これを本番サイトで開発している場合は、HTML5ジオロケーションを主要な方法として使用し、MaxMindなどのより優れたIPジオロケーターにフォールバックします。

これは、サイトの米国ユーザーに対してのみ機能することに注意してください。おそらく、他のYahooプレイスAPIの1つに、より詳細なデータを渡して、それらのWOEIDの1つを使用する（または別の天気APIを選択する）必要があります。

これがあなたのためのコードです。<?phpこれをサンプルコードのタグの直後に配置します。動作していることを確認したら、で始まるすべての行をコメントアウトします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));

次に、サンプルコードの次の行で始まる行を変更します$data =。

$data = get_data("http://weather.yahooapis.com/forecastrss?p={$zip_code}&u=f");
于 2012-08-26T01:22:12.747 に答える
1

ipinfo.ioと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>

6.3ºCのようなものが表示されます

于 2013-12-17T17:02:17.847 に答える
0 
***You can get data about the location with use third-party API. for example:http://ip-api.com/.**
You get your location weather data from OpenWeatherMap service using the ip-api. its help you to get visitor location weather.*



 var getIP = 'http://ip-api.com/json/';
    var openWeatherMap = 'http://api.openweathermap.org/data/2.5/weather'
    $.getJSON(getIP).done(function(location) {
        $.getJSON(openWeatherMap, {
            lat: location.lat,
            lon: location.lon,
            units: 'metric',
            APPID: 'Your-Openweather-Apikey'
        }).done(function(weather) {
          $('#weather').append(weather.main.temp);
            console.log(weather);
        })
    })

HTML：

<div id="weather"> </div>

それはあなたの現在の気象温度を示しています。

于 2020-10-13T04:55:50.667 に答える