google-maps-api-3 - Google 地图和 IE8 Zoom + InfoWindow 问题

Question

我有这个加载谷歌地图 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

There is a problem with your IE8 specific css