Add viewbox param to Nominatim link in search results

[rails.git] / app / assets / javascripts / index / search.js

diff --git a/app/assets/javascripts/index/search.js b/app/assets/javascripts/index/search.js
index 4c1213320a70672bbe7f2c72e44ecee242ddf857..05a4c449a26ca0f084b9b196297018c9ddbbc9e4 100644 (file)
--- a/app/assets/javascripts/index/search.js
+++ b/app/assets/javascripts/index/search.js
@@ -18,9 +18,15 @@ OSM.Search = function (map) {
   $(".search_form").on("submit", function (e) {
     e.preventDefault();
     $("header").addClass("closed");
   $(".search_form").on("submit", function (e) {
     e.preventDefault();
     $("header").addClass("closed");

-    const query = $(this).find("input[name=query]").val();
-    let search = "/";
-    if (query) search = "/search?" + new URLSearchParams({ query });
+    const params = new URLSearchParams({
+      query: this.elements.query.value,
+      zoom: map.getZoom(),
+      minlon: map.getBounds().getWest(),
+      minlat: map.getBounds().getSouth(),
+      maxlon: map.getBounds().getEast(),
+      maxlat: map.getBounds().getNorth()
+    });
+    const search = params.get("query") ? `/search?${params}` : "/";

     OSM.router.route(search + OSM.formatHash(map));
   });
 
     OSM.router.route(search + OSM.formatHash(map));
   });
 


@@ -118,14 +124,7 @@ OSM.Search = function (map) {
       const entry = $(this);
       fetch(entry.data("href"), {
         method: "POST",
       const entry = $(this);
       fetch(entry.data("href"), {
         method: "POST",

-        body: new URLSearchParams({
-          zoom: map.getZoom(),
-          minlon: map.getBounds().getWest(),
-          minlat: map.getBounds().getSouth(),
-          maxlon: map.getBounds().getEast(),
-          maxlat: map.getBounds().getNorth(),
-          ...OSM.csrf
-        })
+        body: new URLSearchParams(OSM.csrf)

       })
         .then(response => response.text())
         .then(function (html) {
       })
         .then(response => response.text())
         .then(function (html) {