From 9f7f31f03ab84fbf9a3cd264a34762ca18de83a2 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Sun, 22 Dec 2024 19:02:18 +0100
Subject: [PATCH] reduce circles when higher zoom

---
 js/main.js | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/js/main.js b/js/main.js
index 89b73b3..2fb5244 100644
--- a/js/main.js
+++ b/js/main.js
@@ -25,7 +25,6 @@ const tileServer_stamen = 'https://a.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png
 // Initialisation de la carte avec la vue centrée sur la ville choisie
 let map = L.map('map')
 L.control.scale().addTo(map)
-//L.control.zoom().addTo(map)
 
 /**
  * filtres à toggle par des boutons dans la page
@@ -410,19 +409,20 @@ function displayPointsFromApi(points = geojsondata) {
             let ratio_circle = 10
 
             // quand on est loin, montrer d'avantage de couleur, pas le centre
-            if (zoom > 13) {
+            if (zoom < 13) {
                 ratio_circle = 5
             }
-            else if (zoom > 15) {
+            else if (zoom < 15) {
                 ratio_circle = 1
                 opacity = 0.25
             }
-            else if (zoom >= 16) {
+            else if (zoom <= 16) {
                 ratio_circle = 0.5
             }
-            else if (zoom >= 18) {
+            else if (zoom <= 18) {
                 ratio_circle = 0.25
             }
+            console.log('ratio_circle', ratio_circle)
             if (outPowerGuessed >= 300) {
                 radius = 70 * ratio_circle
             } else if (outPowerGuessed >= 200) {
@@ -480,9 +480,7 @@ function displayPointsFromApi(points = geojsondata) {
 }
 
 function makeCssClassFromTags(tags) {
-    // console.log('tags', tags)
     let tagKeys = Object.keys(tags)
-    // console.log('tagKeys', tagKeys)
     if (!tags) {
         return ''
     }
@@ -592,7 +590,7 @@ $(document).ready(function () {
 })
 
 function showActiveFilter(filterVariableName, selectorId) {
-    $(selectorId).className = 'filter-state-' + filterVariableName
+    $(selectorId).attr('class', 'filter-state-' + filterVariableName )
 }
 
 function cycleVariableState(filterVariableName, selectorId) {