« Gmailが標準HTML形式で読めないときの対処方法 | メイン | 「大げさに考えない！明日からはじめるマーケティング」に参加して参りました »
2009年3月 1日
埋め込んだGoogle ストリートビューがIEで見れない場合
プライバシーの問題で、最近何かと話題のGoogle ストリートビュー（Google Street View）
今回はIE（Internet Explorer）でGoogle ストリートビューが見れなくなる不具合の件です。
要するにブラウザでリロード（再読み込み）すると、ストリートビューが表示されなくなるという問題。
正確に言うと、ストリートビューで表示される埋め込みタグ（「HTML を貼り付けてサイトに地図を埋め込みます」で表示されるiframeタグ）を使うと、この不具合が発生します。
もっと正確に言うと、iframeの問題ではなく、iframeのリンク先を直接表示させても、同様の問題が発生します。
ちなみにこの埋め込みタグを使う場合、解決方法は現時点では「ブラウザのキャッシュをクリアする」しかありません。
「またIEか！」と怨嗟の声が聞こえそうですね。キャッシュをクリアする以外の解決方法としては・・・
- GoogleがIEに合わせてバージョンアップさせる。
- 誰かがIEをこの世から根絶させる。
- 別のJavascriptで実現する。
Googleが将来的にバージョンアップするのが一番平和的な解決方法ですが、とりあえず、ちょっと別のJavascriptを使って解決してみます。
簡単に言いますと、古籏一浩氏の「Google Maps and Street View (グーグルマップ＆ストリートビュー) API 例文辞典」のスクリプトを使わせてもらう方法です。
実はここに書いてある方法でストリートビューを表示させれば、IEでリロード（再読み込み）しても表示されなくなるなんてことはありません。
ですから通常のウェブサイトでストリートビューを使う場合にはなんら問題はないのです。
問題は「ブログに貼り付けたい」場合だと思います。
ブログのテンプレートがいじれる場合なら、それなりに対処方法があります。
現に、以前「Google Mapsの埋め込み」という記事を書きました。
これに近い方法で対応するしかなさそうです。
■ソースコード
<script type="text/javascript">
<!--
window.onload = function(){
var streetObj = new GStreetviewPanorama( document.getElementById("viewArea"),{ latlng:new GLatLng(35.660748,139.701762), pov : { yaw:90 }
});
}
// -->
</script>
<div id="viewArea" style="width:400px;height:320px;"></div>
かなり強引でしかも問題アリアリの方法なのでおススメしませんが、手っ取り早くブログにストリートビューを埋め込みたい場合にどうぞ。
投稿者 lepracaun : 2009年3月 1日 23:21
トラックバック
このエントリーのトラックバックURL:
http://www.lepracaun.info/mt4/mt-tb.cgi/145
