Question

我们正在使用谷歌地图,并确定了一个似乎只在IE8中发生的问题(甚至可能在下文中发生 ) 。功能在FF、Chrome、IE9中运作正确。

错误发生的代码是:

google.load("maps", "3.x", { other_params: "sensor=false" });
    var mapdiv = null;
    $(function () {
        mapdiv = document.getElementById("map");
        map = new google.maps.Map( mapdiv, {
            zoom: 1,
            center: new google.maps.LatLng(6, 35),
            disableDefaultUI: true,
            mapTypeId: google.maps.MapTypeId.TERRAIN
        });
        var latlngbounds = new google.maps.LatLngBounds( );

特别是在这一行:

map = new google.maps.Map( mapdiv, {
    zoom: 1,
    center: new google.maps.LatLng(6, 35),
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.TERRAIN
});

错误是:

对象不支持此属性或方法

我对 IE dev 工具玩过一点游戏,如果我用 < code> map {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{}}} 替换 map {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{}}}}}}{{{{{{{{{{{{{}}}}}}}}}}{{{{{{{{{{{{{{}}}}}}}}}}}}}}}}}}}}}}}}},但我不知道 {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{



有人知道这里发生了什么吗?

Answer 1

当行:

map = new google.maps.Map(mapdiv, { zoom: 1, center: new google.maps.LatLng(6, 35), disableDefaultUI: true, mapTypeId: google.maps.MapTypeId.TERRAIN });

执行后 JavaScript 解释器将开始跨过范围链, 查找 < code> map 被宣布的位置。由于它不是本地宣布的, 即 < code> var map =... , 它无法在本地范围找到它, 最终被添加到全球范围。

在您的情况下, map 已被全球范围定义为 window.map , 因为它是您页面上 div 的代号。在您看不到错误消息的所有浏览器中, window.map 被设置为一个新的 gogogle.maps.maps.Map 对象。出于某种原因, 无论好坏, IE8 都会允许您创建一个全球变量, 其名称与现有的全球变量冲突, 指 DOM 元素。

你可以用几种不同的方式解决这个问题:

Create a local var map
Change the id of your div from map to something else
如果您需要将 map 存在全球范围, 请使用 window.map=... 设定为
(3b) 将变量名称更改为与 window.map 不冲突的名称,例如 myMap=新的google.maps.maps.map (... )

友情链接