Google Maps and IE8 Zoom + InfoWindow Issues

Question

我有加载Google Map 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 Maps 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>

上面的标签在头部，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