Enables zoom-to-all and gazetteer on more maps

Author: nuest

CHANGELOG.md

@@ -39,11 +39,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Dashed line styling for clear visual distinction
   - Click to view region details and navigate to regional feeds
   - Integrated with feed landing pages showing region outlines
+- **Zoom-to-all features control** - Quick navigation button on all maps:
+  - Expands view to fit all publications in the current context
+  - Available on main map, feed landing pages, and work landing pages
+  - Accessible button with screen reader support
+  - Uses FontAwesome expand icon for visual clarity
 - **Geocoding/gazetteer search** - Map search functionality allowing users to search for locations by name:
   - Nominatim geocoder integration (default)
   - Optional GeoNames support (requires username configuration)
   - Search results displayed on map with zoom to location
   - Accessible via search box in map interface
+  - Available on feed landing pages and work landing pages for consistent navigation
 - **Works list with pagination** - Browse all works page at `/works/list/` with:
   - Configurable pagination (default 50 items per page)
   - User-selectable page size with min/max limits

works/templates/feed_page.html

@@ -8,6 +8,10 @@
 <!-- Leaflet -->
 <link rel="stylesheet" href="{% static 'css/leaflet.css' %}" />
 <script src="{% static 'js/leaflet.js' %}"></script>
+
+<!-- Leaflet Control Geocoder (Gazetteer) -->
+<link rel="stylesheet" href="{% static 'css/leaflet.control.geocoder.css' %}" />
+<script src="{% static 'js/leaflet.control.geocoder.js' %}"></script>
 {% endblock head %}
 
 {% block content %}
@@ -129,6 +133,8 @@ <h3>About this feed</h3>
 {{ block.super }}
 <script src="{% static 'js/map-popup.js' %}"></script>
 <script src="{% static 'js/map-interaction.js' %}"></script>
+<script src="{% static 'js/map-gazetteer.js' %}"></script>
+<script src="{% static 'js/map-zoom-to-all.js' %}"></script>
 <script type="text/javascript">
   // Initialize map with publications
   $(document).ready(function() {
@@ -183,6 +189,21 @@ <h3>About this feed</h3>
       // Default view if no geometries
       map.setView([0, 0], 2);
     }
+
+    // Add zoom to all features control
+    if (typeof MapZoomToAllControl !== 'undefined') {
+      const zoomToAllControl = new MapZoomToAllControl(map, publicationsLayer);
+      console.log('Zoom to all features control enabled on feed page');
+    }
+
+    // Add gazetteer (location search) control
+    if (typeof MapGazetteerManager !== 'undefined') {
+      const gazetteerManager = new MapGazetteerManager(map, {
+        provider: '{{ gazetteer_provider|default:"nominatim" }}',
+        placeholder: 'Search for a location...'
+      });
+      console.log('Gazetteer search enabled on feed page');
+    }
   });
 </script>
 {% endblock scripts %}

works/templates/work_landing_page.html

@@ -152,6 +152,8 @@ <h6 class="font-weight-bold mb-3">Wikidata Export History</h6>
 {% endif %}
 <!-- Leaflet Fullscreen plugin -->
 <link rel="stylesheet" href="{% static 'css/leaflet.fullscreen.css' %}">
+<!-- Leaflet Control Geocoder (Gazetteer) -->
+<link rel="stylesheet" href="{% static 'css/leaflet.control.geocoder.css' %}" />
 
 {% if can_contribute %}
   <div class="alert alert-warning">
@@ -242,7 +244,10 @@ <h6 class="font-weight-bold"><i class="fas fa-calendar"></i> Temporal extent (ti
   {% endif %}
   <!-- Leaflet Fullscreen plugin -->
   <script src="{% static 'js/leaflet.fullscreen.js' %}"></script>
-  <!-- Zoom to all features control -->
+  <!-- Leaflet Control Geocoder (Gazetteer) -->
+  <script src="{% static 'js/leaflet.control.geocoder.js' %}"></script>
+  <!-- Map controls -->
+  <script src="{% static 'js/map-gazetteer.js' %}"></script>
   <script src="{% static 'js/map-zoom-to-all.js' %}"></script>
   <script>
     const publicationFeature = {{ feature_json|default:"null"|safe }};
@@ -544,6 +549,15 @@ <h6 class="font-weight-bold"><i class="fas fa-calendar"></i> Temporal extent (ti
       const zoomToAllControl = new MapZoomToAllControl(map, featureGroup);
       console.log('Zoom to all features control enabled on mini-map');
     }
+
+    // Add gazetteer (location search) control
+    if (typeof MapGazetteerManager !== 'undefined') {
+      const gazetteerManager = new MapGazetteerManager(map, {
+        provider: '{{ gazetteer_provider|default:"nominatim" }}',
+        placeholder: 'Search for a location...'
+      });
+      console.log('Gazetteer search enabled on work landing page');
+    }
   </script>
 
 <p class="muted">