Question

我们有一个简单的Google地图流量应用程序：http://www.avonandsomerset.police.uk/newsroom/traffic/

由于某种原因，它最近停止在IE中正常工作。此时它正在使用API的V2，所以我刚刚升级它以使用V3 - 但它仍然无法在IE中运行。

在Chrome中正常运行＆amp;的火狐即可。但是在IE的所有版本中，我已经厌倦了（6,7,8）谷歌地图没有完全加载。

问题
Google Map DIV通常会加载所有控件（缩放，由Google提供支持，地图类型），但实际的地图图块不会出现在IE中。我只能看到DIV的灰色背景＆gt;

我尝试了什么
我已经将JavaScript代码评论到页面上的以下内容，但它仍然存在同样的问题：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" > 

    var map;

    $(document).ready(function () {
        initialize(); // Set-up Google map        
    });

    function initialize() {
        var options = {
            zoom: 9,
            center: new google.maps.LatLng(51.335759, -2.870178),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("googleMap"), options);
    }

</script>

Answer 1

我将完全从内存开始，但是在您更新Map对象并删除顶部的var之前尝试插入var map。所以：

var map = new google.maps.Map...

我可以自信地说明问题出在IE和全局/局部变量上，即你的map变量。

Answer 2

我终于找到了问题。

原来其他人在我们的母版页中包含了 sleight.js 脚本（）。

此JavaScript旨在使PNG透明度在IE5.5 +中正常工作，但影响却是因为它阻止了Google地图的正常运行。

Answer 3

我不确定，但它可能是功能提升中的跨浏览器差异。尝试在文档就绪块之前声明初始化函数。

谷歌地图：简单的应用程序无法在IE上工作

3 个答案: