メニュー

E-Mail
ASP.Netのお勉強
VB.Netのお勉強
Excel マクロ・VBAのお勉強
PHPのお勉強
Webデザインのお勉強
Javaのお勉強
総合サイトCocoaLiz
ネイルサロン検索
エステサロン検索
アロマサロン検索
アイビューティーサロン検索

Livedor Weather Hacks(お天気API)

Livedorが公開しているWeather Hacksを利用して、
関東地方のお天気情報を取得します。

取得したお天気マークをGoogleMap上に表示します。

作ったサンプルサイトは、こちらです。

コードは、下記。


<?php

function getTenki($city,$day){

$req = "http://weather.livedoor.com/forecast/webservice/rest/v1";
$req .= "?city=".$city."&day=".$day;

//お天気情報を取得
$xml = simplexml_load_file($req);

    $res = $xml->image->url;

    return $res;

}


//関東の天気取得と緯度、経度を設定

//水戸
$weather[] = getTenki("54","today");
$lt[] = "36.371091";
$lg[] = "140.476207";
//宇都宮
$weather[] = getTenki("56","today");
$lt[] = "36.558701";
$lg[] = "139.898283";
//前橋
$weather[] = getTenki("58","today");
$lt[] = "36.383191";
$lg[] = "139.073177";
//さいたま
$weather[] = getTenki("60","today");
$lt[] = "35.893867";
$lg[] = "139.633587";
//東京
$weather[] = getTenki("63","today");
$lt[] = "35.681382";
$lg[] = "139.766084";
//千葉
$weather[] = getTenki("67","today");
$lt[] = "35.612858";
$lg[] = "140.11434";
//横浜
$weather[] = getTenki("70","today");
$lt[] = "35.466188";
$lg[] = "139.622715";


?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP" xml:lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>関東地方 今日の天気</title>
<script type="text/javascript" src="http://www.cocoaliz.com/webapi/prototype.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=@@@@@"></script>
<script type="text/javascript">

//<![CDATA[

var map;
var point;

function load() {
    
    if (GBrowserIsCompatible()) {

        map = new GMap2(document.getElementById(\"map\"));


        //東京を中心に表示
        tokyo_point = new GLatLng(<?php print "'" .$lt[4] . "','" .$lg[4] ."'" ?>);
        
        map.setCenter(tokyo_point, 8);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());

        //天気マークを設定
        
<?php
for ($i = 0; $i <= 6; $i++) {
    print "var icon" .$i ." = new GIcon();rn";
    print "icon" .$i .".iconSize = new GSize(50, 31);rn";
    print "icon" .$i .".iconAnchor = new GPoint(50, 31);rn";

    print "icon" .$i .".image = " ."'" .$weather[$i] ."';rn";

    print "point" .$i ." = new GLatLng('" .$lt[$i] . "','" .$lg[$i] ."');";
    
    print "var marker" .$i ." = new GMarker(point" .$i .", icon" .$i .");rn";
    print "map.addOverlay(marker" .$i .");rn";
}
?>


    }
}

//]]>
</script>
</head>
<body onload="load();" onunload="GUnload();">

<div id="map" style="float:left;width: 600px; height: 400px"></div>

</body>
</html>



Copyright (C) 総合サイトCocoaLiz. All Rights Reserved.