From: mtmail <mtmail@gmx.net>
Date: Thu, 8 Apr 2021 15:12:21 +0000 (+0200)
Subject: when navigating search to reverse page, keep the map position (#114)
X-Git-Url: https://git.openstreetmap.org./nominatim-ui.git/commitdiff_plain/3d2bdabb60a032509b5701c80a9fca2c4656060a

when navigating search to reverse page, keep the map position (#114)
---

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 9fef1f9..514fe20 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -4,10 +4,22 @@
   import LastUpdated from './LastUpdated.svelte';
   import Error from './Error.svelte';
 
-  import { page } from '../lib/stores.js';
+  import { map_store, page } from '../lib/stores.js';
 
   $: view = $page.tab;
   $: page_title = Nominatim_Config.Page_Title;
+
+  let map_lat;
+  let map_lon;
+
+  map_store.subscribe(map => {
+    if (!map) return;
+
+    map.on('move', function () {
+      map_lat = map.getCenter().lat;
+      map_lon = map.getCenter().lng;
+    });
+  });
 </script>
 
 <style>
@@ -70,7 +82,7 @@
           <PageLink page="search" extra_classes="nav-link">Search</PageLink>
         </li>
         <li class="nav-item {view === 'reverse' ? 'active' : ''}">
-          <ReverseLink extra_classes="nav-link ">Reverse</ReverseLink>
+          <ReverseLink lat={map_lat} lon={map_lon} extra_classes="nav-link">Reverse</ReverseLink>
         </li>
         <li class="nav-item {view === 'details' ? 'active' : ''}">
           <PageLink page="details" extra_classes="nav-link">Search By ID</PageLink>
diff --git a/src/components/MapPosition.svelte b/src/components/MapPosition.svelte
index 650514d..5332185 100644
--- a/src/components/MapPosition.svelte
+++ b/src/components/MapPosition.svelte
@@ -53,7 +53,7 @@
 
 
   map_store.subscribe(map => {
-    if (!map) { return; }
+    if (!map) return;
 
     map.on('move', function () {
       display_map_position(map);