scatter marker position

DumbergerL · Mar 18, 2024 · 7997e23 · 7997e23
1 parent a7c539f
commit 7997e23
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/hdh-sensor-map/index.html b/hdh-sensor-map/index.html
@@ -31,12 +31,21 @@
             attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
         }).addTo(map);
 
+        function scatter(value, maxValue){
+            const random = Math.random() * maxValue;
+            const delta = random - (maxValue / 2);
+            return value + delta;
+        }
+
         var markerArray = window.LOCATION_DATA.map(sensorData => {
             if(sensorData.latitude == null || sensorData.longitude == null){
                 return null;
             }
 
-            var marker = L.marker([sensorData.latitude, sensorData.longitude]).addTo(map)
+            const latScatter = scatter(sensorData.latitude, 0.00009)
+            const lngScatter = scatter(sensorData.longitude, 0.00009)
+
+            var marker = L.marker([latScatter, lngScatter]).addTo(map)
             marker.bindPopup("<b>" + sensorData.name + "</b><br>type: " + sensorData.type + "<br>labelIdentifier: <small>" + sensorData.labelIdentifier + "</small><br>groupIdentifier: <small>" + sensorData.groupIdentifier + "</small>").openPopup();
 
             if(sensorData.type === 'BycicleBox'){