Schlechte Leaflet.js Leistung im Internet Explorer

Question

Ich versuche, eine Map-basierte Web-App mit mapbox und leaflet.js zu erstellen.

Ich lade 300 Marker in eine FeatureLayer aus einer GeoJSON-Datei. Dies scheint in jedem Browser mit Ausnahme des Internet Explorer gut zu funktionieren, der bei jedem Laden oder Filtern von Markern mit featureLayer.setFilter etwa 10 Sekunden lang einfriert. Ich habe eine Demo dieser here hochgeladen.

Locking bei der IE-Performance-Analyse scheint der Schuldige der 'addDoubleTapListener' zu sein. Dies scheint ein bekanntes Problem zu sein (https://github.com/Leaflet/Leaflet/issues/4357), und die Lösungen schlagen vor, auf Merkblatt 0.7.5 zurückzurollen oder den Zweig 0.7.7.1 zu verwenden (mit einem Fix, der die Berührungserkennung zurücknimmt). Ich habe beides versucht und scheint auch keinen Einfluss auf das Problem zu haben. Ein Upgrade auf das Flugblatt 1.0.0-beta wird ebenfalls empfohlen, aber dies scheint nicht mit der aktuellen Mapbox kompatibel zu sein ...

Jede Hilfe bei der Überwindung dieses Problems wäre sehr willkommen.

Answer 1

Ok die Lösung, die ich fand, war, die folgenden Zeilen aus blättchen src.js 0.7.7.1 zu entfernen:

if (L.Browser.touch && (type === 'dblclick') && this.addDoubleTapListener) { 
    this.addDoubleTapListener(obj, handler, id); 
} 

IE jetzt lädt die Markierungen blitzschnell und alle Funktionen erscheinen noch zu arbeiten in alle Geräte, die ich ausprobiert habe. Dies ist keine ideale Lösung, wird aber als Lückenschlusslösung dienen, bis Mapbox Leaflet 1.0.0 unterstützt.