javascript - 参数无效 - Edge 浏览器中的 Google map 错误

Question

我一直收到这个错误

Invalid argument

来自 Edge 浏览器中的 Google map v3。即使出现错误，其他一切工作正常。这种奇怪的行为仅在我尝试将光标移出 map 到右侧(在浏览器滚动上方)时才会发生。它只发生在 Edge 中。

我创建了一个 JSFiddle正如谷歌提到的那样，它处于原始状态。但是在那种情况下我也会遇到同样的错误。我已举报this bug到谷歌地图支持论坛，同时试图从我所知道的最大社区中找到解决方案。提前致谢。您可以查看下面的代码

function initMap() {
  var uluru = {lat: -25.344, lng: 131.036};
  var map = new google.maps.Map(
      document.getElementById('map'), {zoom: 4, center: uluru});
  var marker = new google.maps.Marker({position: uluru, map: map});
}

Answer 1

我能够重现这个问题，这是我发现的:

问题出现在边缘的common.js文件中的如下代码:

if ("undefined" != typeof a.compareDocumentPosition)
    return a == b || !!(a.compareDocumentPosition(b) & 16);

特别是 compareDocumentPosition 函数调用，因为它不喜欢参数 b。实际功能 block :

function (a, b) {
    if (!a || !b)
        return !1;
    if (a.contains && 1 == b.nodeType)
        return a == b || a.contains(b);
    if ("undefined" != typeof a.compareDocumentPosition)
        return a == b || !!(a.compareDocumentPosition(b) & 16);
    for (; b && a != b;)
        b = b.parentNode;
    return b == a;
};

每本地图容器上发生 mouseout 事件并且参数 a 是您的 map 容器元素而 b 是滚动条对象时，就会调用此 block 。当您将鼠标移出 map 并移到浏览器窗口的滚动条上时，所有其他浏览器都会调用相同的方法，滚动条对象的 nodeType 为 1 并依次执行 return a == b | | a.contains(b); 代码块。

但是，如果滚动条对象的边缘 nodeType 是 undefined 并且它执行 return a == b || !!(a.compareDocumentPosition(b) & 16); 代码块并将滚动条对象传递给 compareDocumentPosition 函数调用，然后在控制台上记录 Invalid argument.。

您可以看到我提交的错误报告 here .