Only set loaded class after ‘load’ & ‘idle’ events

cheeaun · Apr 28, 2019 · 4672a4d · 4672a4d
1 parent 9207465
commit 4672a4d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/app.js b/app.js
@@ -129,13 +129,15 @@ map.addControl(new mapboxgl.GeolocateControl({
 map.addControl(new mapboxgl.NavigationControl());
 
 let labelLayerId;
-let mapLoaded = new Promise((res, rej) => map.once('load', res));
-
-map.once('styledata', () => {
+let mapLoaded = new Promise((res, rej) => map.once('load', () => {
   map.once('idle', () => {
     document.getElementById('map').classList.add('loaded');
   });
 
+  res();
+}));
+
+map.once('styledata', () => {
   const layers = map.getStyle().layers;
   console.log(layers);