ホームページ作成技術メモ

世界の天気をホームページに表示できるパーツ

  • 2015.4.5
  • このエントリーをはてなブックマークに追加

日本の天気をホームページに表示させるツールはたくさんありますが、世界の特定の地域の天気を自分のホームページに表示させるツールは少ないです。

下記は、世界の特定の地域の天気を自分のホームページに表示させるツールです。

forecast.io

例えば東京でしたら、

実際に埋め込まれているのは下記のHTMLコードです。

<iframe id=”forecast_embed” src=”http://forecast.io/embed/#lat=35.819896&amp;lon=139.770126&name=Tokyo&units=si&color=#00aaff” width=”100%” height=”245″ frameborder=”0″> </iframe>

【設定パラメータ】

  • lat – 緯度
  • lon – 経度(緯度経度参照はこちら
  • name – 場所の名前を任意に追加できます。
  • color – 標準は黒。WEBカラーコード参照はこちら(任意の色に変更可能)。
  • units  – 標準はus。
    • us – 気温は華氏(F)表示、風速はmph表示
    • uk – 摂氏(C)、mph
    • ca – 摂氏(C)、km/h
    • si – 摂氏(C)、m/s ←日本人はこちらの表記が一般

fujisan.co.jpへ