2013/10/24

ピンポイント天気予報ガジェット

Web サイトにピンポイントな天気予報を載せたいと思っても、近頃はアプリばかりでして、地方でもピンポイントに、かつ日本語で、となるとなかなかサイトで利用できるものがありませんでした。

というわけで、サイトで利用しやすい jQuery プラグインタイプで作ってみました。

http://weather-forecast.r-stone.net/

表示内容はシンプルに、天気と気温のみ。

天気の情報は OpenWeatherMap を利用しています。
フリーの天気情報 API なのですが、日本の情報もかなり入っています。

基本的に jQuery プラグインですが、下記のようにブログに埋め込むこともできます。





コードはこんな感じです。
jQuery を既に読み込んでいる場合は、 jQuery の読み込み部分を除いてください。

<div id="forecast_result">
</div>
<link href="http://weather-forecast.r-stone.net/assets/jquery.weather_forecast/css/jquery.weather_forecast.css" rel="stylesheet"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://weather-forecast.r-stone.net/assets/jquery.weather_forecast/js/jquery.weather_forecast.js"></script>
<script type="text/javascript">
$(function(){
$('#forecast_result').forecast({  city_name: 'Kitami',  get_daily: true,  display_name: '北見の天気', icon_url: 'http://weather-forecast.r-stone.net/assets/jquery.weather_forecast/img/icons/default'});
});
</script>

「こういうのを求めていた!」という方は、是非使ってみてください。

0 件のコメント:

コメントを投稿