self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-07-03 05:46:58 +02:00
Code Issues Releases Activity

feat(web): bundle and 'sveltify' leaflet (#1998)

Browse Source 
* feat(web): bundle and 'sveltify' leaflet

* lazy load leaflet components

* add correct icon sizes
This commit is contained in:
Michel Heusschen
2023-03-19 20:06:45 +01:00
committed by GitHub
parent 7ce64ecf05
commit b29c43d86a
6 changed files with 143 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/lib/components/shared-components/leaflet/tile-layer.svelte Normal file
View File

@ -0,0 +1,19 @@
<script lang="ts">
import { onDestroy, onMount } from 'svelte';
import { TileLayer, type TileLayerOptions } from 'leaflet';
import { getMapContext } from './map.svelte';
export let urlTemplate: string;
export let options: TileLayerOptions | undefined = undefined;
let tileLayer: TileLayer;
const map = getMapContext();
onMount(() => {
tileLayer = new TileLayer(urlTemplate, options).addTo(map);
});
onDestroy(() => {
if (tileLayer) tileLayer.remove();
});
</script>