Google Maps JS v3 - abgelöster DOM-Baum - Speicherverlust?
Ich habe das folgende Problem. Ich entferne alle Verweise auf eine Google Maps-Instanz einschließlich Markierungen über diesetMap(null)
Option über den folgenden Code:
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();
}
Die einzigen Dinge, die sich darauf beziehenleftMap
oderwindow.map
in meinem ganzen Code ist:
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);
ZumleftMap
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);
In meinem abgetrennten DOM-Baum verbleiben jedoch beim Vergleich, bevor die Karten erstellt wurden / nachdem sie zerstört wurden, die Google Maps-Kacheln:
(Rechtsklick - Bild öffnen, um es in voller Größe zu sehen)
Was kann ich tun, um herauszufinden, was dieses DOM-Leck verursacht?