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記述終わり。
お礼
さっそくの回答ありがとうございます。地図のラベルにも表示されなかったのでずっと気になっていました。これで解決してもみじ祭りに行けます。ありがとうございます。