Fix wb tiles not showing up on map: set zIndex of mapbox tile pane

public/fordecyt_2019/js/grijalva_functions.js

@@ -2,7 +2,7 @@
  * Copyright 2019 - All rights reserved.
  * Rodrigo Tapia-McClung
  *
- * August-September 2019
+ * August-November 2019
  */
 
 /* globals omnivore, Promise, chroma, makeBaseMap, makeIndicatorGraph, getData, getDataInSelection */
@@ -449,6 +449,13 @@ const populateMap = async (mapData) => {
 
         layerControl = L.control.layers(baseLayers, overlays).addTo(map);
         makeBaseMap(); // basemap.js
+
+        // fix for leaflet-mapbox-gl v. 0.0.11 that adds map's to tile pane:
+        // get children of map tile pane, create array from it and iterate 
+        // setting their z-index
+        let glmapChildren = map.getPanes().tilePane.children,
+            children = Array.from(glmapChildren);
+        children.forEach( c => c.style.zIndex = 'inherit' );
     });
 }