Update color scheme

public/js/evolucion_urbana.js

@@ -133,9 +133,9 @@ const setupMap = (dates) => {
 }
 
 const populateMap = async(mapData) => {
-    
+
     tiles = mapboxLayer("urbanization_year");
-    
+
     let map = mapData.map;
     glmap = L.mapboxGL({
         accessToken: "no-token",
@@ -151,7 +151,7 @@ const populateMap = async(mapData) => {
 
         glmap.getMapboxMap().addLayer(tiles);
         //glmap.getMapboxMap().setPaintProperty(tiles, "fill-opacity", 0.7)
-        
+
         timeDimensionControl.addTo(map);
         // Pass dummy geojson layer to timeDimension in order to register and sync
         timeLayer = L.timeDimension.layer.Tile(L.geoJSON(), {
@@ -162,7 +162,7 @@ const populateMap = async(mapData) => {
         });
         timeLayer.addTo(map);
 
-// FIX: comment out to avoid DB calls
+        // FIX: comment out to avoid DB calls
         // style currentTiles
         /*let option = $("#indicatorSelect").val(); // option selected from dropdrown
         styleTiles(option, minIndicators, maxIndicators)
@@ -180,9 +180,9 @@ const populateMap = async(mapData) => {
 
         layerControl = L.control.layers(baseLayers, overlays).addTo(map);
         //legend.addTo(map);
-        
+
         // 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 
+        // 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);
@@ -209,8 +209,11 @@ const mapboxLayer = (table) => {
                 "interpolate",
                 ["linear"],
                 ["get", "yeartrimes"],
-                2014, "rgba(0, 255, 0, 0.5)", // green
-                2019, "rgba(255, 0, 0, 0.5)", // red
+                2014, "rgb(49,54,149)",
+                2016, "rgb(255,255,191)",
+                2019, "rgb(158,1,66)"
+                /*2014, "rgba(0, 255, 0, 0.5)", // green
+                2019, "rgba(255, 0, 0, 0.5)", // red*/
             ],/*
             "fill-outline-color": [
                 "interpolate",
@@ -366,5 +369,5 @@ $("#mexmap").show();
 
 setupTimeDimensionControl();
 getMinMax("urbanization_year") // get minmax year.Q values to popoulate timeDimension
-.then(dates => setupMap(dates))
-.then(map => populateMap(map));
+    .then(dates => setupMap(dates))
+    .then(map => populateMap(map));
\ No newline at end of file