Carte exploration : couleur layer ZFE (#4015)

* Carte exploration : couleur layer ZFE * Fix typo Co-authored-by: Frédéric Menou <[email protected]> --------- Co-authored-by: Frédéric Menou <[email protected]> Co-authored-by: Thibaut Barrère <[email protected]>
etalab · Jul 1, 2024 · b6a7e5d · b6a7e5d
1 parent 7567980
commit b6a7e5d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/apps/transport/client/javascripts/explore.js b/apps/transport/client/javascripts/explore.js
@@ -173,14 +173,17 @@ function updateIRVELayer (geojson) {
 
 function trackEvent (layer) {
     // https://matomo.org/faq/reports/implement-event-tracking-with-matomo/#how-to-set-up-matomo-event-tracking-with-javascript
-    window._paq.push(['trackEvent', 'explore-map', 'enable-layer', layer])
+    // `window._paq` is only defined in production (in templates/layout/app.html.heex)
+    if (window._paq) {
+        window._paq.push(['trackEvent', 'explore-map', 'enable-layer', layer])
+    }
 }
 
 function createPointsLayer (geojson, id) {
     const fillColor = {
         'bnlc-layer': [255, 174, 0, 100],
         'parkings_relais-layer': [0, 33, 70, 100],
-        'zfe-layer': [155, 89, 182, 100],
+        'zfe-layer': [52, 8, 143, 100],
         'irve-layer': [245, 40, 145, 100]
     }[id]
 
@@ -192,6 +195,7 @@ function createPointsLayer (geojson, id) {
         filled: true,
         extruded: false,
         pointType: 'circle',
+        opacity: 1,
         getFillColor: fillColor,
         getPointRadius: 1000,
         pointRadiusUnits: 'meters',

diff --git a/apps/transport/client/stylesheets/components/_explore.scss b/apps/transport/client/stylesheets/components/_explore.scss
@@ -17,7 +17,7 @@
     background-color: rgb(0, 33, 70);
   }
   #zfe-check:checked {
-    background-color: rgb(155, 89, 182);
+    background-color: rgb(52, 8, 143);
   }
   #irve-check:checked {
     background-color: rgb(245, 40, 145);