Svelte 3.x -> 4.x

[nominatim-ui.git] / src / components / MapPosition.svelte

diff --git a/src/components/MapPosition.svelte b/src/components/MapPosition.svelte
index 2d6376e54a21a9b6139e4f68636ac65b852ada0c..074774d475d983d6017e52ef0549833f42a46588 100644 (file)
--- a/src/components/MapPosition.svelte
+++ b/src/components/MapPosition.svelte
@@ -42,9 +42,9 @@
     view_on_osm_link = map_link_to_osm(map);
     map_zoom = map.getZoom();
     map_viewbox = map_viewbox_as_string(map);
-    mouse_position = '-'
+    mouse_position = '-';
     if (mouse_lat_lng) {
-      mouse_position = [mouse_lat_lng.lat.toFixed(5), mouse_lat_lng.lng.toFixed(5)].join(',')
+      mouse_position = [mouse_lat_lng.lat.toFixed(5), mouse_lat_lng.lng.toFixed(5)].join(',');
     }
     if (last_click_latlng) {
       last_click = [last_click_latlng.lat.toFixed(5), last_click_latlng.lng.toFixed(5)].join(',');
@@ -53,7 +53,7 @@
 
 
   map_store.subscribe(map => {
-    if(!map) { return; }
+    if (!map) return;
 
     map.on('move', function () {
       display_map_position(map);
@@ -74,9 +74,9 @@
     });
   });
 
-  function handleHideClick(e) {
+  function handleHideClick() {
     document.getElementById('map-position').style.display = 'none';
-    document.getElementById('show-map-position').style.display = 'block';    
+    document.getElementById('show-map-position').style.display = 'block';
   }
 
 </script>
@@ -84,7 +84,7 @@
 <div id="map-position">
   <div id="map-position-inner">
     map center: {map_center}
-    <a target="_blank" href="{view_on_osm_link}">view on osm.org</a>
+    <a target="_blank" rel="noreferrer" href="{view_on_osm_link}">view on osm.org</a>
     <br>
     map zoom: {map_zoom}
     <br>
@@ -94,7 +94,7 @@
     <br>
     mouse position: {mouse_position}
   </div>
-  <div id="map-position-close"><a href="#" on:click={handleHideClick}>hide</a></div>
+  <div id="map-position-close"><a href="#hide" on:click={handleHideClick}>hide</a></div>
 </div>
 
 
@@ -115,9 +115,6 @@
     text-align: right;
   }
 
-  
-  
-
   @media (max-width: 768px) {
     #map-position {
       top: 20px;