2014年6月4日水曜日

Map Methods getHeading()


地図を航空写真で表示した際、
45度の角度から見れる場合に、
左上の地図のコントローラーで地図を回転出来るようになるのですが、
その時の地図の回転角度を取得します。
北を0度として西が90度、
南が180度で東が270度になります。

<!DOCTYPE html> 
<html lang="ja"> 
<head> 
    <meta charset="utf-8" /> 
    <title> google maps api v3</title> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> 
    <script type="text/javascript"> 
        google.maps.event.addDomListener(window, "load", function () {
            var map = document.getElementById("map_canvas");
            var latlng = new google.maps.LatLng(35.635971, 139.766057);
            var mapOptions = {
                zoom: 19,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.SATELLITE
            };
            var gmap = new google.maps.Map(map, mapOptions);
            var note = document.getElementById("note");
            google.maps.event.addDomListener(gmap, "heading_changed", function () {
                note.innerText = gmap.getHeading();
            });
        });
    </script> 
</head> 
<body> 
    <div id="map_canvas" style="width: 400px; height: 400px"> </div> 
    <div id="note"> 0</div> 
</body> 
</html> 



0


地図左上のコントローラーのところにある「N」を回転するか、
人型のアイコン(ペグマン)の下にあるクルリンとした矢印を押すと、
地図下の数値が変化すると思います。

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

0 件のコメント:

コメントを投稿