デジタルサイネージに天気予報を!

ここに天気予報を表示させたい場所を

デジタルサイネージに天気予報を表示させようと色々と調べて試してみました。
まずは、weather HQ

weather HQのサイトでウィジェットが作れます。
http://www.weatherhq.com/

作り方は簡単でした。
weather HQのサイトのヘッダーに
Search location という枠があります。
ここに天気予報を表示させたい場所をアルファベットで入力して検索。
検索できたらサイトの中頃にある地図の赤い点をクリック。

その隣のCREATE YOUR WEATHER WIDGETという枠の中の
Click here to customize your own weather widget をクリック。
Weather_forecast_-_Shimoda_-_weatherhq_com

下の画面が表示されます。
4種類の形から選ぶことができます。
また、表示させたい日数、摂氏・華氏、最高気温・最低気温、風が選択できます。

選択して後は、
9. Create code
Click here to create code.

ここをクリックするとコードが表示されます。

Create_weather_widget_for_Shimoda_-_weatherhq_com

もう一つは、

Forecast
http://forecast.io

Forecast_1

 

このサイトの 「Blog」

Blogのなかの「Forecast Embeds」

http://blog.forecast.io/forecast-embeds/

Forecast_Blog__Forecast_Embeds

このblogにサンプルコードが書いてあります。

天気予報を表示させたい場所を変える場合は緯度、経度を変えて、nameも変えて

コードを埋め込みます。(赤文字)

http://forecast.io/embed/#lat=42.3583&lon=-71.0603&name=Downtown Boston

Forecastは幅を自由に変えられるのでこちらを使うことにしました!

 

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

w

%s と連携中