From 62347edf43f9be117da92266a639b355d5ed6c3f Mon Sep 17 00:00:00 2001 From: Alex Date: Sat, 16 Dec 2023 14:21:13 -0600 Subject: [PATCH] chore(web): improve map pin (#5761) * chore(web): improve map pin * zoom level --- web/src/lib/assets/location-pin.svg | 1 + .../asset-viewer/detail-panel.svelte | 8 +++++++- .../shared-components/map/map.svelte | 18 ++++++++++++------ 3 files changed, 20 insertions(+), 7 deletions(-) create mode 100644 web/src/lib/assets/location-pin.svg diff --git a/web/src/lib/assets/location-pin.svg b/web/src/lib/assets/location-pin.svg new file mode 100644 index 0000000000..e83944358a --- /dev/null +++ b/web/src/lib/assets/location-pin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/src/lib/components/asset-viewer/detail-panel.svelte b/web/src/lib/components/asset-viewer/detail-panel.svelte index 1160e0fb8e..46451f8f0f 100644 --- a/web/src/lib/components/asset-viewer/detail-panel.svelte +++ b/web/src/lib/components/asset-viewer/detail-panel.svelte @@ -569,7 +569,13 @@ {#if latlng && $featureFlags.loaded && $featureFlags.map}
- + {@const { lat, lon } = marker}
diff --git a/web/src/lib/components/shared-components/map/map.svelte b/web/src/lib/components/shared-components/map/map.svelte index 6ed85ecac1..0430be03e4 100644 --- a/web/src/lib/components/shared-components/map/map.svelte +++ b/web/src/lib/components/shared-components/map/map.svelte @@ -20,7 +20,7 @@ import type { GeoJSONSource, LngLatLike, StyleSpecification } from 'maplibre-gl'; import type { Feature, Geometry, GeoJsonProperties, Point } from 'geojson'; import Icon from '$lib/components/elements/icon.svelte'; - import { mdiCog } from '@mdi/js'; + import { mdiCog, mdiMapMarker } from '@mdi/js'; import { createEventDispatcher } from 'svelte'; export let mapMarkers: MapMarkerResponseDto[]; @@ -29,6 +29,7 @@ export let center: LngLatLike | undefined = undefined; export let simplified = false; export let clickable = false; + export let useLocationPin = false; let map: maplibregl.Map; let marker: maplibregl.Marker | null = null; @@ -165,11 +166,16 @@ $$slots.popup || handleAssetClick(event.detail.feature.properties.id, map); }} > - {`Image + {#if useLocationPin} + + {:else} + {`Image + {/if} + {#if $$slots.popup}