From bbad7b890ccf4fbe55a8b16910985d823b4351fc Mon Sep 17 00:00:00 2001
From: Lars Kiesow <lkiesow@uos.de>
Date: Wed, 7 May 2025 21:10:38 +0200
Subject: [PATCH] Add support for OpenStreetMap

This patch adds an option to open an item in OpenStreetMap as well as in
Google Maps and Apple Maps.
---
 .../src/routes/adventures/[id]/+page.svelte   | 36 +++++++++++--------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/frontend/src/routes/adventures/[id]/+page.svelte b/frontend/src/routes/adventures/[id]/+page.svelte
index b32a19e..afbb3ae 100644
--- a/frontend/src/routes/adventures/[id]/+page.svelte
+++ b/frontend/src/routes/adventures/[id]/+page.svelte
@@ -458,20 +458,28 @@
 									</div>
 								{/if}
 								{#if adventure.longitude && adventure.latitude}
-									<div class="flex flex-wrap gap-2 items-center">
-										<span>{$t('adventures.open_in_maps')}:</span>
-										<a
-											class="btn btn-neutral text-base btn-sm max-w-32"
-											href={`https://maps.apple.com/?q=${adventure.latitude},${adventure.longitude}`}
-											target="_blank"
-											rel="noopener noreferrer">Apple</a
-										>
-										<a
-											class="btn btn-neutral text-base btn-sm max-w-32"
-											href={`https://maps.google.com/?q=${adventure.latitude},${adventure.longitude}`}
-											target="_blank"
-											rel="noopener noreferrer">Google</a
-										>
+									<div>
+										{$t('adventures.open_in_maps')}:
+										<div class="flex flex-wrap gap-2">
+											<a
+												class="btn btn-neutral text-base btn-sm max-w-32"
+												href={`https://maps.apple.com/?q=${adventure.latitude},${adventure.longitude}`}
+												target="_blank"
+												rel="noopener noreferrer">Apple</a
+											>
+											<a
+												class="btn btn-neutral text-base btn-sm max-w-32"
+												href={`https://maps.google.com/?q=${adventure.latitude},${adventure.longitude}`}
+												target="_blank"
+												rel="noopener noreferrer">Google</a
+											>
+											<a
+												class="btn btn-neutral text-base btn-sm max-w-32"
+												href={`https://www.openstreetmap.org/?mlat=${adventure.latitude}&mlon=${adventure.longitude}`}
+												target="_blank"
+												rel="noopener noreferrer">OSM</a
+											>
+										</div>
 									</div>
 								{/if}
 								<MapLibre