Adventure Map

Map Options

{#if newMarker.length > 0} {:else} {/if}
{#if createModalOpen} (createModalOpen = false)} on:save={createNewAdventure} latitude={newLatitude} longitude={newLongitude} /> {/if} {#each filteredMarkers as marker} {#if marker.is_visited} (clickedName = marker.name)} class="grid h-8 w-8 place-items-center rounded-full border border-gray-200 bg-red-300 text-black shadow-md" >
{marker.name}

Visited

{$t(`adventures.activities.${marker.type}`)}

{#if marker.visits && marker.visits.length > 0}

{#each marker.visits as visit} {visit.start_date ? new Date(visit.start_date).toLocaleDateString(undefined, { timeZone: 'UTC' }) : ''} {visit.end_date && visit.end_date !== '' && visit.end_date !== visit.start_date ? ' - ' + new Date(visit.end_date).toLocaleDateString(undefined, { timeZone: 'UTC' }) : ''}
{/each}

{/if}
{:else} (clickedName = marker.name)} class="grid h-8 w-8 place-items-center rounded-full border border-gray-200 bg-blue-300 text-black shadow-2xl focus:outline-2 focus:outline-black" >
{marker.name}

Planned

{$t(`adventures.activities.${marker.type}`)}

{#if marker.visits && marker.visits.length > 0}

{#each marker.visits as visit} {visit.start_date ? new Date(visit.start_date).toLocaleDateString(undefined, { timeZone: 'UTC' }) : ''} {visit.end_date && visit.end_date !== '' && visit.end_date !== visit.start_date ? ' - ' + new Date(visit.end_date).toLocaleDateString(undefined, { timeZone: 'UTC' }) : ''}
{/each}

{/if}
{/if} {/each} {#each newMarker as marker} {/each} {#each allRegions as { longitude, latitude, name, region }} (clickedName = name)} class="grid h-8 w-8 place-items-center rounded-full border border-gray-200 bg-green-300 text-black shadow-md" >
{name}

{region}

{/each}
Travel Map