みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

以下のような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記述終わり。

投稿日時 - 2011-07-03 09:06:32

QNo.6850816

困ってます

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

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

投稿日時 - 2011-07-03 10:51:00

お礼

ありがとうございます。
Google Maps API V2で、円を書かせるのはたいへんみたいなので、地図情報としてIE6で表示できる単純なHTMLで解決します。

投稿日時 - 2011-07-09 17:07:06

ANo.1

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問