メニュー

E-Mail
xml


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

ストリートビューを表示

東京タワーをストリートビューで表示します。

要点だけ説明すると、、

○ google.maps.StreetViewPanoramaを生成

コンテナとオプションを設定して、StreetViewPanoramaを生成します。

 オプションは、表示する場所、方角、カメラの向き、ズームレベルなどが設定できます。


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

○ コードは、下記。


<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Map API V3</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">

function initialize() {

    //東京タワー
    var myLatLng = new google.maps.LatLng(35.65861, 139.745447);


    //東京タワーのストリートビューを表示。
    var stOptions = {
        position: myLatLng,
        pov: {heading: 200,pitch: 60,zoom: 1} //方角、カメラの向き、ズーム
};
    var st = new google.maps.StreetViewPanorama(document.getElementById("st"),stOptions);

}

</script>
</head>
<body onload="initialize()">

<div id="st" style="width: 400px; height: 300px;"></div>

</body>
</html>



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