javascript - 谷歌地图 : Simple app not working on IE

Question

我们有一个简单的 Google map 交通应用程序:http://www.avonandsomerset.police.uk/newsroom/traffic/

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

在 Chrome 和 Firefox 中运行良好。但是在所有版本的 IE 中，我都厌倦了 (6,7,8) Google map 无法完全加载。

问题
Google map DIV 通常会加载所有控件(缩放、由 Google 提供支持、 map 类型)，但实际的 map 图 block 不会出现在 IE 中。我只能看到 DIV 的灰色背景>

我尝试过的
我已经在页面上将 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 变量。