Googleストリートビューの写真を切り替えるスクリプトがIE6だけ動作しない原因を知りたいです。

解決済

質問者：kuzumiHK
質問日時：2008/10/18 02:17
回答数：1件

Googleストリートビューを使って、
テキストリンクで写真を切り替えるページを作りました。
ソースは下記に記述したものです。

こちらをブラウザで確認したところ
FirefoxやIE7では問題なく動作しましたが、
IE6だけマップは移動するものの、
ストリートビューが移動しませんでした。

<html>
<head>
<script src="http://maps.google.com/maps?file=api&v=2&amp …[APIキー]" type="text/javascript"></script>
</head>
<body onload="load()">

<div id="street" style="width:320px;height:200px"></div>
<div id="map" style="width:320px;height:200px"></div>

<ol>
<li><a href="#" onClick="map01();return false">地図1を表示</a></li>
<li><a href="#" onClick="map02();return false">地図2を表示</a></li>
</ol>

<script type="text/javascript">
//<![CDATA[
function load() {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.655, 139.744), 18);
panorama = new GStreetviewPanorama(document.getElementById("street"));
}
// 地図1
function map01() {
var point = new GLatLng(35.655, 139.744);
map.panTo(point);
panorama.setLocationAndPOV(point);
}
// 地図2
function map02() {
var point = new GLatLng(35.657, 139.751);
map.panTo(point);
panorama.setLocationAndPOV(point);
}
//]]>
</script>
</body>
</html>

以上のソースになります。
原因がお分かりになる方いらっしゃいますでしょうか。

ちなみに、ストリートビューの画面がローカル環境で動かないため、
APIキーを取得したWebページでしか確認できないかもしれません。。
お手数になってしまいますが、よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yyr446
回答日時：2008/10/21 14:45

変数のスコープの問題では？

以下のようにしたらIE6でも出来ました。
<script type="text/javascript" charset="UTF-8" src="http://maps.google.com/maps?file=api&v=2&key=[APIキー]"></script>
<script type="text/javascript">
//<![CDATA[
var map;
var panorama;
function load() {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.655, 139.744), 18);
panorama = new GStreetviewPanorama(document.getElementById("street"));
}
// 地図1
function map01() {
var point = new GLatLng(35.655, 139.744);
map.panTo(point);
panorama.setLocationAndPOV(point);
}
// 地図2
function map02() {
var point = new GLatLng(35.657, 139.751);
map.panTo(point);
panorama.setLocationAndPOV(point);
}
// -->
</script>
</head>
<body onload="load()">
<div id="street" style="width:320px;height:200px"></div>
<div id="map" style="width:320px;height:200px"></div>
<ol>
<li><a href="#" onClick="map01();return false">地図1を表示</a></li>
<li><a href="#" onClick="map02();return false">地図2を表示</a></li>
</ol>
</body>