• ベストアンサー
  • 困ってます

IE6でグーグルマップが表示できない問題です。

  • 質問No.6850816
  • 閲覧数1573
  • ありがとう数2
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 42% (23/54)

以下のようなGoogleマップのScriptを教えてもらい、使用しています。
地図に2個の円とオリジナルのマーカーを立てるものです。

■症状:
・IE7/Firefoxでは、完全に表示されます。
・IE6では、地図の描画を始めますが、画面がすぐ黒なってしまいます。
・下記のScriptの透過度 ( fillOpacity: 0.1, など)に関する部分を削除したところ、
IE6で地図とマーカーは表示されましたが、円弧が表示されません。

■対策したい点:
半透明の上品さは捨てても、IE6で地図の機能として円弧のラインを表示させたいと思います。

-------------------------------------------------------------------------------
教えてください。お願いします。
JavaScriptに関しては、あまり知識がありません。
判りやすくお願いします。

使っているJavaScript
-------------------------------------------------------------------------------
<head> 内、最後部:
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>

<body> 部:

<div id="xx_map" style="width:620px; height:500px;margin:0px auto;" align="center"></div>

<script type="text/javascript">
<!--
var myLatLng = new google.maps.LatLng(35.yyy,139.zzz);

//地図を表示
var myMap = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true,
scrollwheel: false
});

//円を2個表示
new google.maps.Circle({
center: myLatLng, // 中心点(google.maps.LatLng)
fillColor: '#ff0000', // 塗りつぶし色
fillOpacity: 0.1, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明)
map: myMap, // 表示させる地図(google.maps.Map)
radius: 5000, // 半径(m)
strokeColor: '#ff0000', // 外周色
strokeOpacity: 0.6, // 外周透過度(0: 透明 ⇔ 1:不透明)
strokeWeight:2 // 外周太さ(ピクセル)
});

new google.maps.Circle({
center: myLatLng, // 中心点(google.maps.LatLng)
fillColor: '#0000ff', // 塗りつぶし色
fillOpacity: 0.07, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明)
map: myMap, // 表示させる地図(google.maps.Map)
radius: 10000, // 半径(m)
strokeColor: '#0000ff', // 外周色
strokeOpacity: 0.6, // 外周透過度(0: 透明 ⇔ 1:不透明)
strokeWeight:2 // 外周太さ(ピクセル)
});


//マーカーを表示
var markerImage = 'marker_aa.gif';
var marker = new google.maps.Marker({
position: myLatLng,
map: myMap,
icon: markerImage
});

//-->
</script>

-----------------------------------------------------------------------------
以上、JavaScript記述終わり。

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

  • 回答No.1
  • ベストアンサー

ベストアンサー率 59% (285/482)

Google Maps API V3 は IE6 をサポートしないようなので、V2 を使ってみてはどうでしょう?
http://blog.fkoji.com/2010/06081849.html
http://code.google.com/intl/ja/apis/maps/documentation/javascript/v2/basics.html#Upgrading_v1
お礼コメント
YOKOHAMA-Boy

お礼率 42% (23/54)

ありがとうございます。
Google Maps API V2で、円を書かせるのはたいへんみたいなので、地図情報としてIE6で表示できる単純なHTMLで解決します。
投稿日時:2011/07/09 17:07
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ