このサイト を検索 WWW を検索


ニュース ニュース    サイトマップ サイトマップ

天気予報表示を支援するWebサービス

お天気アイコンサービス

トップご利用方法自由に貼り付け(パソコンサイト用標準サービス)複数地点種類の同時表示

パソコンサイト用標準サービス ご利用方法
複数地点種類の同時表示(各予報表示共通)


お天気アイコンサービスでは、天気予報データ取得のためのJavaScript文を必要な地点や天気予報の数だけ記述することにより、同じページ上に複数の地点の天気予報や、異なる種類の天気予報を同時に表示させることができます。

複数の地点の天気予報を同時に表示する例

天気予報データ取得のためのJavaScript文
 取得する天気予報データの地点を区別するため、Wname='○○○'; の記述を加えて名前を付けます。
<!--札幌-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="KY0001";
Wplc="1420";
Wname="sapporo";
</script>
<script language="JavaScript"
SRC="http://wicon.wet.co.jp/cgi-bin/weather.cgi">
</script>

<!--仙台-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="KY0001";
Wplc="3411";
Wname="sendai";
</script>
<script language="JavaScript"
SRC="http://wicon.wet.co.jp/cgi-bin/weather.cgi">
</script>



同様にして、必要な地域分だけ、記述します。

天気予報表示のためのJavaScript文
document.write( ); 関数による天気予報の表示の際は、所定の変数名と名前を _ (アンダーバー)でつないだ名称の変数名を使用します。
   ・
   ・
<center>
札幌の天気予報<br>
<script type="text/javascript">
document.write(
Wday_sapporo , "<br>" , Wimage_sapporo , "<br>" , Wstr_sapporo , "<br>"
);
</script>
<br>
仙台の天気予報<br>
<script type="text/javascript">
document.write(
Wday_sendai , "<br>" , Wimage_sendai , "<br>" , Wstr_sendai , "<br>"
);
</script>
</center>
   ・
   ・
   ・
↓
札幌の天気予報
9月22日(金)
晴れ時々曇晴れ時々曇
晴れ時々曇

仙台の天気予報
9月22日(金)
雨

それぞれ 変数名が変わります。
  • Wname="sapporo";(札幌)の場合
      Wday ⇒ Wday_sapporo
      Wimage ⇒ Wimage_sapporo
      Wstr ⇒ Wstr_sapporo
  • Wname="sendai";(仙台)の場合
      Wday ⇒ Wday_sendai
      Wimage ⇒ Wimage_sendai
      Wstr ⇒ Wstr_sendai

異なる種類の天気予報を同時に表示する例

天気予報データ取得のためのJavaScript文
 取得する天気予報データの種類を区別するため、Wname='○○○'; の記述を加えて名前を付けます。
   ・
   ・
<!--今日明日-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="KY0001";
Wplc="1420";
Wname="today";
</script>
<script language="JavaScript"
SRC="http://wicon.wet.co.jp/cgi-bin/weather.cgi">
</script>

<!--週間-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="WK0001";
Wplc="1420";
Wname="week";
</script>
<script language="JavaScript"
SRC="http://wicon.wet.co.jp/cgi-bin/weather.cgi">
</script>
   ・
   ・

天気予報表示のためのJavaScript文
document.write( ); 関数による天気予報の表示の際は、所定の変数名と名前を _ (アンダーバー)でつないだ名称の変数名を使用します。
   ・
   ・
〔今日の天気予報〕<br>
<script type="text/javascript">
document.write(
Wday_today , "&nbsp;" , Wimage_today , "&nbsp;" , Wstr_today , "<br>"
);
</script>
<br>
〔今週の天気予報〕<br>
<script type="text/javascript">
document.write(
Wweek1_day_week , "&nbsp;" , Wweek1_image_week , "&nbsp;" , Wweek1_str_week , "<br>" ,
Wweek2_day_week , "&nbsp;" , Wweek2_image_week , "&nbsp;" , Wweek2_str_week , "<br>" ,
Wweek3_day_week , "&nbsp;" , Wweek3_image_week , "&nbsp;" , Wweek3_str_week , "<br>" ,
Wweek4_day_week , "&nbsp;" , Wweek4_image_week , "&nbsp;" , Wweek4_str_week , "<br>" ,
Wweek5_day_week , "&nbsp;" , Wweek5_image_week , "&nbsp;" , Wweek5_str_week , "<br>" ,
Wweek6_day_week , "&nbsp;" , Wweek6_image_week , "&nbsp;" , Wweek6_str_week , "<br>" ,
);
</script>
   ・
   ・
   ・
↓
〔今日の天気予報〕
9月22日(金)  晴れ時々曇晴れ時々曇  晴れ時々曇

〔今週の天気予報〕
24日(日)  雨  雨
25日(月)  晴れ時々曇晴れ時々曇  晴れ時々曇
26日(火)  曇時々晴れ曇時々晴れ  曇時々晴れ
27日(水)  曇時々晴れ曇時々晴れ  曇時々晴れ
28日(木)  晴れ時々曇晴れ時々曇  晴れ時々曇
29日(金)  晴れ時々曇晴れ時々曇  晴れ時々曇
それぞれ 変数名が変わります。
  • Wname="today";(今日)の場合
      Wday ⇒ Wday_today
      Wimage ⇒ Wimage_today
      Wstr ⇒ Wstr_today
  • Wname="week";(週間)の場合
      Wweek1_day ⇒ Wweek1_day_week
      Wweek1_image ⇒ Wweek1_image_week
      Wweek1_str ⇒ Wweek1_str_week
         ・
         ・
         ・