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 call

之后加载

<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存在问题

谷歌地图和IE8 Zoom + InfoWindow问题

1 个答案: