alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add support for OpenStreetMap

Browse Source 
This patch adds an option to open an item in OpenStreetMap as well as in
Google Maps and Apple Maps.
This commit is contained in:
Lars Kiesow
2025-05-07 21:10:38 +02:00
parent f6097a2d60
commit bbad7b890c
1 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/routes/adventures/[id]/+page.svelte
View File

@@ -458,20 +458,28 @@
</div> </div>
{/if} {/if}
{#if adventure.longitude && adventure.latitude} {#if adventure.longitude && adventure.latitude}
<div class="flex flex-wrap gap-2 items-center"> <div>
<span>{$t('adventures.open_in_maps')}:</span> {$t('adventures.open_in_maps')}:
<a <div class="flex flex-wrap gap-2">
class="btn btn-neutral text-base btn-sm max-w-32" <a
href={`https://maps.apple.com/?q=${adventure.latitude},${adventure.longitude}`} class="btn btn-neutral text-base btn-sm max-w-32"
target="_blank" href={`https://maps.apple.com/?q=${adventure.latitude},${adventure.longitude}`}
rel="noopener noreferrer">Apple</a target="_blank"
> rel="noopener noreferrer">Apple</a
<a >
class="btn btn-neutral text-base btn-sm max-w-32" <a
href={`https://maps.google.com/?q=${adventure.latitude},${adventure.longitude}`} class="btn btn-neutral text-base btn-sm max-w-32"
target="_blank" href={`https://maps.google.com/?q=${adventure.latitude},${adventure.longitude}`}
rel="noopener noreferrer">Google</a 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> </div>
{/if} {/if}
<MapLibre <MapLibre