loviuz/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix loading of mapping-icons

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-06-19 03:26:29 +02:00
parent 734be4a702
commit a5690fa556
1 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/UI/Map/Marker.svelte
View file

@ -7,8 +7,9 @@
*/ */
export let icons: string | { icon: string; color: string }[] export let icons: string | { icon: string; color: string }[]
let iconsParsed: { icon: string; color: string }[]
if(typeof icons === "string") { if(typeof icons === "string") {
icons = icons.split(";").map(subspec => { iconsParsed = icons.split(";").map(subspec => {
if(subspec.startsWith("http://") || subspec.startsWith("https://")){ if(subspec.startsWith("http://") || subspec.startsWith("https://")){
return { return {
icon: subspec, color: "black" icon: subspec, color: "black"
@ -19,6 +20,8 @@
icon, color: color ?? "black" icon, color: color ?? "black"
} }
}) })
}else{
iconsParsed = icons
} }
/** /**
@ -32,9 +35,9 @@
export let size = "w-full h-full" export let size = "w-full h-full"
</script> </script>
{#if icons !== undefined && icons.length > 0} {#if iconsParsed !== undefined && iconsParsed.length > 0}
<div class={twMerge("relative", size)}> <div class={twMerge("relative", size)}>
{#each icons as icon} {#each iconsParsed as icon}
<div class="absolute top-0 left-0 h-full w-full"> <div class="absolute top-0 left-0 h-full w-full">
<Icon icon={icon.icon} color={icon.color} {clss} /> <Icon icon={icon.icon} color={icon.color} {clss} />
</div> </div>