パソコンサイト用標準サービス ご利用方法
複数地点種類の同時表示(各予報表示共通)
お天気アイコンサービスでは、天気予報データ取得のためのJavaScript文を必要な地点や天気予報の数だけ記述することにより、同じページ上に複数の地点の天気予報や、異なる種類の天気予報を同時に表示させることができます。
複数の地点の天気予報を同時に表示する例
天気予報データ取得のためのJavaScript文
取得する天気予報データの地点を区別するため、Wname='○○○'; の記述を加えて名前を付けます。
<!--札幌-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="KY0001";
Wplc="1420";
Wname="sapporo";
</script>
<script language="JavaScript"
SRC="//wicon.aiweather.co.jp/cgi-bin/weather.cgi">
</script>
<!--仙台-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="KY0001";
Wplc="3411";
Wname="sendai";
</script>
<script language="JavaScript"
SRC="//wicon.aiweather.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="//wicon.aiweather.co.jp/cgi-bin/weather.cgi">
</script>
<!--週間-->
<script language="JavaScript">
Wid="XXXXXXX";
Wtype="WK0001";
Wplc="1420";
Wname="week";
</script>
<script language="JavaScript"
SRC="//wicon.aiweather.co.jp/cgi-bin/weather.cgi">
</script>
・
・
天気予報表示のためのJavaScript文
document.write( ); 関数による天気予報の表示の際は、所定の変数名と名前を _ (アンダーバー)でつないだ名称の変数名を使用します。
・
・
〔今日の天気予報〕<br>
<script type="text/javascript">
document.write(
Wday_today , " " , Wimage_today , " " , Wstr_today , "<br>"
);
</script>
<br>
〔今週の天気予報〕<br>
<script type="text/javascript">
document.write(
Wweek1_day_week , " " , Wweek1_image_week , " " , Wweek1_str_week , "<br>" ,
Wweek2_day_week , " " , Wweek2_image_week , " " , Wweek2_str_week , "<br>" ,
Wweek3_day_week , " " , Wweek3_image_week , " " , Wweek3_str_week , "<br>" ,
Wweek4_day_week , " " , Wweek4_image_week , " " , Wweek4_str_week , "<br>" ,
Wweek5_day_week , " " , Wweek5_image_week , " " , Wweek5_str_week , "<br>" ,
Wweek6_day_week , " " , Wweek6_image_week , " " , 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
・
・
・