midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix: fix maps

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-07-17 00:19:01 +02:00
parent 037c593f61
commit e48571a80a
2 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
UI/InputElement/Helpers/LocationInput.svelte
View file

@ -83,7 +83,7 @@
<div class="min-h-32 relative h-full cursor-pointer overflow-hidden"> <div class="min-h-32 relative h-full cursor-pointer overflow-hidden">
<div class="absolute top-0 left-0 h-full w-full cursor-pointer"> <div class="absolute top-0 left-0 h-full w-full cursor-pointer">
<MaplibreMap center="{{ lng: initialCoordinate.lon, lat: initialCoordinate.lat }}}" {map} /> <MaplibreMap center={{ lng: initialCoordinate.lon, lat: initialCoordinate.lat }} {map} />
</div> </div>
<div <div

18
UI/Map/MaplibreMap.svelte
View file

@ -22,7 +22,8 @@
export let attribution = false export let attribution = false
export let center: Readable<{ lng: number; lat: number }> = writable({lng: 0, lat: 0}) export let center: {lng: number, lat: number} | Readable<{ lng: number; lat: number }> = writable({lng: 0, lat: 0})
console.trace("Center is", center)
export let zoom: Readable<number> = writable(1) export let zoom: Readable<number> = writable(1)
const styleUrl = AvailableRasterLayers.maplibre.properties.url const styleUrl = AvailableRasterLayers.maplibre.properties.url
@ -30,12 +31,19 @@
let _map: Map let _map: Map
onMount(() => { onMount(() => {
let _center: {lng: number, lat: number}
if(typeof center["lng"] === "number" && typeof center["lat"] === "number"){
_center = <any> center
}else{
_center = get(<any> center)
}
_map = new maplibre.Map({ _map = new maplibre.Map({
container, container,
style: styleUrl, style: styleUrl,
zoom: get(zoom), zoom: get(zoom),
center: get(center), center: _center,
maxZoom: 24, maxZoom: 24,
interactive: true, interactive: true,
attributionControl: false, attributionControl: false,
@ -63,16 +71,10 @@
/> />
</svelte:head> </svelte:head>
<main>
<div bind:this={container} class="map" id="map" style=" position: relative; <div bind:this={container} class="map" id="map" style=" position: relative;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 100%;"></div> height: 100%;"></div>
</main>
<style>
</style>