<script lang="ts">
	// Minimal page: no geolocation/state UI, just an embedded Open-Meteo map.
	// const iframeSrc = 'https://maps.open-meteo.com/';
	const iframeSrc = 'https://maps.open-meteo.com';
</script>

<svelte:head>
	<title>Weather Map | Open-Meteo.com</title>
	<link rel="canonical" href="https://open-meteo.com/weather/maps" />
	<meta name="description" content="Interactive weather map powered by Open-Meteo" />
</svelte:head>

<!-- Full-viewport map. No surrounding UI or location state. -->
<div
	style="position:relative; inset:0; margin:0; padding:0; height:100%; width:100%; background:#000;"
>
	<iframe
		src={iframeSrc}
		title="Open-Meteo Interactive Map"
		loading="lazy"
		allowfullscreen
		referrerpolicy="no-referrer"
		class="map-iframe"
		style="border:0; width:100%; height:100%; display:block;"
		sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
	></iframe>
</div>
