google-maps-api-3 - Google マップと IE8 Zoom + InfoWindow の問題

Question

GoogleマップAPIをロードするこのJSがあります

function initialize() {
    var mapOptions = { center: new google.maps.LatLng(41.123105, -73.370886),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('mapCanvas'), mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

上記の JS はファイルに配置され、この Google マップ API 呼び出しの後に読み込まれます

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false" type="text/javascript"></script>
<script src="/Style Library/js/locationmap.js" type="text/javascript"></script>

上記のタグは head にあり、HTML は次のとおりです。

<div class="locationsMap">
    <div style="display: none;">
        <asp:Label runat="server" ID="lblCenterLatLng" CssClass="divCenterLatLng" />
    </div>
    <div id="mapCanvas" class="mapCanvas" style="width: 450px; height: 450px;" />
</div>

これはすべて SharePoint Web パーツで発生していると言うべきだと思いますが、IE9 でも期待どおりに動作します。

IE8 でマップをズームすると、マップが消えて白くなります。何か案は？

ありがとう

Answer 1

IE8 固有の CSS に問題があります