diff --git a/Heatmap.html b/Heatmap.html index f922ae9cfe9028471d7d35ce765ec964410716bb..eadd73776d2a98c82347a6b291ffe0a021164a6e 100644 --- a/Heatmap.html +++ b/Heatmap.html @@ -53,52 +53,32 @@ map.addLayer({ "source": "DMR", "paint": { + // Increase the heatmap color weight weight by zoom level -// heatmap-intensity is a multiplier on top of heatmap-weight -"heatmap-intensity": [ -"interpolate", -["linear"], -["zoom"], -1, 0, -16,3 -], +"heatmap-intensity": ["interpolate",["linear"], + ["zoom"],1, 0,16,3], + // Color ramp for heatmap. Domain is 0 (low) to 1 (high). -// Begin color ramp at 0-stop with a 0-transparancy color -// to create a blur-like effect. -"heatmap-color": [ -"interpolate", -["linear"], -["heatmap-density"], -0, "rgba(33,102,172,0)", -0.2, "rgb(103,169,207)", -0.4, "rgb(209,229,240)", -0.6, "rgb(253,219,199)", -0.8, "rgb(239,138,98)", -1, "rgb(178,24,43)" -], +"heatmap-color": ["interpolate",["linear"], + ["heatmap-density"], + 0, "rgba(33,102,172,0)", + 0.2, "rgb(103,169,207)", + 0.4, "rgb(209,229,240)", + 0.6, "rgb(253,219,199)", + 0.8, "rgb(239,138,98)", + 1, "rgb(178,24,43)"], + // Adjust the heatmap radius by zoom level -"heatmap-radius": [ -"interpolate", -["linear"], -["zoom"], -0, 0, -12, 3, 15,15 -], +"heatmap-radius": ["interpolate",["linear"], + ["zoom"],0, 0,12, 3, 15,15], + // Transition from heatmap to circle layer by zoom level -"heatmap-opacity": [ -"interpolate", -["linear"], -["zoom"], -12, 1, -15, 0.7 -], -} -}); - - +"heatmap-opacity": ["interpolate",["linear"], + ["zoom"],12, 1,15, 0.7],} + }); - // Ajout controle de navigation et echelle +// Add Navigation control and scale map.addControl(new mapboxgl.NavigationControl({position: 'top-left'}));