Google Maps JS v3 - 分离的 DOM 树 - 内存泄漏？

Question

我有以下问题。我正在通过以下代码通过setMap(null) 选项删除对谷歌地图实例的所有引用，包括标记：

destroyMaps = function () {
    leftMap = null;
    window.map = null;
    geocoder = null;
    for (var i=0; i<window.rightMarkers.length; i++) {
        window.rightMarkers[i].setMap(null);
        window.rightMarkers[i] = null;
    }
    window.rightMarkers = null;
    $("#map-canvas-right").remove();

    for (var i=0; i<window.leftMarkers.length; i++) {
        window.leftMarkers[i].setMap(null);
        window.leftMarkers[i] = null;
    }
    window.leftMarkers = null;
    $("#map-canvas-left").remove();

}

在我的整个代码中唯一引用leftMap 或window.map 的是：

对于window.map

var marker = new google.maps.Marker({
                    position: myLatlng,
                    map: window.map,
                    icon: window.pins[keyword_category.category_name],
                    shadow: window.pins["Shadow"],

                    title:job.job_title
});
marker.job_type =  keyword_category.category_name;
window.rightMarkers.push(marker);

对于leftMap

var marker = new google.maps.Marker({
                position: myLatlng,
                map: leftMap,
                icon: window.pins[keyword_category.category_name],
                shadow: window.pins["Shadow"],

                title:job.job_title
 });
 window.leftMarkers.push(marker);

但是，在我分离的 DOM 树中，在创建地图之前/销毁地图之后进行比较时，仍然是谷歌地图图块：

（右击 - 打开图片查看完整尺寸）

如何找出导致此 DOM 泄漏的原因？

Answer 1

这是 Google Maps API v3 中的一个已知问题 - 即使是纯粹创建和销毁 google.maps 对象（不创建标记）也会导致内存泄漏。请参阅 Issue 3803: Bug: Destroying Google Map Instance Never Frees Memory。

他们reproduce the issue 通过创建一个简单的循环来创建和销毁google.maps 对象。见

http://jsfiddle.net/KWf4r/

按开始后，您会观察到浏览器的内存增长，直到您按停止。

这个问题没有得到解决，似乎也没有官方的解决方法可用。当然有一种方法，但这不是一个干净的解决方法，显然可能会在下一个版本的 google maps api 中停止工作 - 引用the discussion：

我实际上已经设法通过手动找到了一个半可行的修复方法 破坏谷歌地图创建的许多元素（和 删除听众）。但是，我使用了很多无证的东西 为此（我必须检查 chrome 检查器以查看要尝试的内容 删除），所以这似乎不是正确的方法。