メニュー

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

Yahoo!WebAPI 地図 標高

Yahooが公開しているYahooMapを利用します。
標高が取得できるAPIがあり、緯度と経度を渡すことで、
その地点の標高が取得できます。

サンプルでは、富士山の標高を取得します。
YahooMapを表示して、標高を取得した地点にマーカーを表示します。
マーカーにフォーカスを合わせると富士山の標高を表示します。


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

コードは、下記。


<?php

require_once("HTTP/Request.php");

//Yahoo!標高取得 API
//パラメータに富士山の緯度経度をセット
$url = "http://alt.search.olp.yahooapis.jp/OpenLocalPlatform/V1/getAltitude";
$url .= "?appid=@@@@@";
$url .= "&coordinates=138.731575,35.362876";

//APIを呼び出す
$req = &new HTTP_Request($url);
$req->sendRequest();
$xml = simplexml_load_string($req->getResponseBody());

?>
<!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" />
<script type="text/javascript" charset="utf-8" src="http://js.api.olp.yahooapis.jp/OpenLocalPlatform/V1/jsapi?appid=@@@@@"></script>
<title>富士山の標高を取得して、YahooMapで表示</title>
<script type="text/javascript">
    window.onload = function() {
        var ymap = new Y.Map("map");
        ymap.drawMap( new Y.LatLng(35.362876, 138.731575), 12, Y.LayerSetId.PHOTO );

        var marker = new Y.Marker( new Y.LatLng(35.362876, 138.731575),{ 'title' : '富士山の標高は、<?php print $xml->Feature->Property->Altitude; ?>メートル' } );
        ymap.addFeature( marker );

    }
</script>
</head>
<body>
    <div id="map" style="width:400px; height:300px"></div>
</body>
</html>



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