Googleストリートビューの写真を切り替えるスクリプトがIE6だけ動

コミュニティー
OKWiki
OKetter
OKStars
OKSHOP

	[ 詳細検索 ]	はじめての方へ FAQ（よくある質問）

<< 前の質問 | 次の質問 >>

解決済みの質問

Googleストリートビューの写真を切り替えるスクリプトがIE6だけ動

Googleストリートビューの写真を切り替えるスクリプトがIE6だけ動作しない原因を知りたいです。
Googleストリートビューを使って、
テキストリンクで写真を切り替えるページを作りました。
ソースは下記に記述したものです。

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

<html>
<head>
<script src="http://maps.google.com/maps?file=api&v=2&key=[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ページでしか確認できないかもしれません。。
お手数になってしまいますが、よろしくお願いします。

投稿日時 - 2008-10-18 02:17:29

通報する

QNo.4409828

kuzumiHK

暇なときに回答ください

質問者が選んだベストアンサー

変数のスコープの問題では？
以下のようにしたら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>