refactor(leaflet): Add load event

Add load event for baselayer and emit it
sensebox · Jun 4, 2018 · 423194e · 423194e
1 parent 18a4b66
commit 423194e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/components/leaflet.directive.js b/app/components/leaflet.directive.js
@@ -101,14 +101,16 @@
         map.removeLayer(mapLayers['mouseOver']);
       });
 
-      L.tileLayer('@@OPENSENSEMAP_MAPTILES_URL', {
+      var baselayer = L.tileLayer('@@OPENSENSEMAP_MAPTILES_URL', {
         subdomains: 'abc',
         attribution: '&copy; <a href="http://osm.org/copyright" target="_blank">OpenStreetMap</a> contributors | Tiles &copy; <a href="http://www.mapbox.com/" target="_blank">Mapbox</a>',
         detectRetina: true,
         reuseTiles: true,
         maxZoom: 18
       }).addTo(map);
 
+      baselayer.on('load', layerLoaded);
+
       L.control.scale().addTo(map);
 
       if (angular.isDefined(scope.events) && !angular.equals({}, scope.events)) {
@@ -152,6 +154,12 @@
         $rootScope.$broadcast('osemMapReady', {});
       });
 
+      function layerLoaded () {
+        $rootScope.$broadcast('layerloaded', {});
+        $rootScope.$apply();
+        baselayer.off('load', layerLoaded);
+      }
+
       function onMarkersWatch (newVal, oldVal) {
         if (angular.isDefined(newVal) && !angular.equals({}, newVal)) {
           mapLayers['activeMarkers'].clearLayers();