From 2dc038dfefecfd4c096052590eda15901b7465f3 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Thu, 9 Jan 2025 23:27:33 +0100
Subject: [PATCH] feat: Show search radius only if a search center is given and
 correct zoom level if no location is given

---
 .../partials/partial-map.html                 | 20 ++++++++++---------
 src/fellchensammlung/views.py                 |  1 +
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-map.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-map.html
index 1a7bf32..be9494b 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-map.html
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/partial-map.html
@@ -14,22 +14,23 @@
 
 <!-- start map -->
 <script>
-    {% if map_center %}
-        var center = [{{ map_center.longitude | pointdecimal }}, {{ map_center.latitude | pointdecimal }}];
-    {% else %}
-        var center = [10.49, 50.68];
-    {% endif %}
-
     {% if zoom_level %}
         var zoom_level = {{ zoom_level }};
     {% else %}
         var zoom_level = 4;
     {% endif %}
 
+    {% if map_center %}
+        var map_center = [{{ map_center.longitude | pointdecimal }}, {{ map_center.latitude | pointdecimal }}];
+    {% else %}
+        var map_center = [10.49, 50.68]; <!-- Point middle of Germany -->
+        zoom_level = 4;  //Overwrite zoom level when no place is found
+    {% endif %}
+
     let map = new maplibregl.Map({
         container: 'map',
         style: '{% static "fellchensammlung/map/styles/colorful.json" %}',
-        center: center,
+        center: map_center,
         zoom: zoom_level
     }).addControl(new maplibregl.NavigationControl());
 
@@ -102,14 +103,15 @@
         });
     });
 
-    {% if search_radius  %}
+    {% if search_center  %}
+        var search_center = [{{ search_center.longitude | pointdecimal }}, {{ search_center.latitude | pointdecimal }}];
         map.on('load', () => {
             const radius = {{ search_radius }}; // kilometer
             const options = {
                 steps: 64,
                 units: 'kilometers'
             };
-            const circle = turf.circle(center, radius, options);
+            const circle = turf.circle(search_center, radius, options);
 
             // Add the circle as a GeoJSON source
             map.addSource('location-radius', {
diff --git a/src/fellchensammlung/views.py b/src/fellchensammlung/views.py
index 1fb130d..481057c 100644
--- a/src/fellchensammlung/views.py
+++ b/src/fellchensammlung/views.py
@@ -204,6 +204,7 @@ def search(request):
                "searched": searched,
                "adoption_notices_map": AdoptionNotice.get_active_ANs(),
                "map_center": search.position,
+               "search_center": search.position,
                "map_pins": [search],
                "location": search.location,
                "search_radius": search.max_distance,