Add link to osm.org from new debug client

leonardehrenfried · Mar 25, 2024 · d1a5306 · d1a5306
1 parent 6f105e9
commit d1a5306
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/client-next/src/components/MapView/GeometryPropertyPopup.tsx b/client-next/src/components/MapView/GeometryPropertyPopup.tsx
@@ -28,6 +28,14 @@ export function GeometryPropertyPopup({
           ))}
         </tbody>
       </Table>
+      <div className="geometry-popup-osm-link">
+        <a
+          href={`https://www.openstreetmap.org/?mlat=${coordinates.lat}&mlon=${coordinates.lng}#map=18/${coordinates.lat}/${coordinates.lng}`}
+          target="_blank"
+        >
+          ↗️ osm.org
+        </a>
+      </div>
     </Popup>
   );
 }
diff --git a/client-next/src/style.css b/client-next/src/style.css
@@ -120,6 +120,13 @@
   padding-left: 2px;
 }
 
+/* geometry popup */
+
+.geometry-popup-osm-link {
+  text-align: right;
+  padding: 0 5px;
+}
+
 /* debug layer selector */
 
 .maplibregl-ctrl-group.layer-select {