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記述終わり。