your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 import type { ContentComponentProps } from '../types';
3 import Map from './Map.svelte';
4
5 let { item = $bindable(), isEditing }: ContentComponentProps = $props();
6</script>
7
8<Map bind:item />
9
10{#if item.cardData.linkToGoogleMaps && !isEditing}
11 <a
12 target="_blank"
13 rel="noopener noreferrer"
14 href={'http://maps.google.com/maps?q=' +
15 encodeURIComponent(item.cardData.lat + ',' + item.cardData.lon)}
16 >
17 <div class="absolute inset-0 z-100"></div>
18 <span class="sr-only">open map</span>
19 </a>
20{/if}