CINXE.COM
围维蟻蟿蔚蟼 魏伪喂蟻慰蠉 - K24
<!DOCTYPE html> <html> <head> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DT4QVW584S"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-DT4QVW584S'); </script> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>围维蟻蟿蔚蟼 魏伪喂蟻慰蠉 - K24</title> <meta http-equiv="content-language"> <link rel="icon" type="image/png" href="/images/favicon.png" /> <meta property="og:image" content="https://www.k24.net/images/logofb-share1.jpg" /> <meta name="alexaVerifyID" content="8icm8BfD0bX6rMRUxZMyEHgvaEE" /> <meta name="description" content="螤蟻蠈纬谓蠅蟽畏 魏伪喂蟻慰蠉 纬喂伪 蟿畏谓 螘位位维未伪. 围维蟻蟿蔚蟼 魏伪喂蟻慰蠉, 伪谓苇渭慰蠀, 胃伪位伪蟽蟽蠋谓, 未慰蟻蠀蠁慰蟻喂魏苇蟼 蔚喂魏蠈谓蔚蟼, 渭蔚蟿蔚蠅蟻慰位慰纬喂魏慰委 蟽蟿伪胃渭慰委 魏伪喂 webcams." /> <meta name="keywords" content="魏伪喂蟻蠈蟼,蟺蟻蠈纬谓蠅蟽畏,蔚位位维未伪,meteo,渭蔚蟿蔚蠅蟻慰位慰纬委伪,kairos" /> <link rel="apple-touch-icon" href="/images/AppIcon60x60.png" /> <link rel="apple-touch-icon" sizes="76x76" href="/images/AppIcon76x76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/images/AppIcon120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/images/AppIcon152.png" /> <link rel="stylesheet" href="/css/styles.css?v=mBK3RYPF-tPcu2trUa4R2Ldgene-A0nQ6CNQrHpNezc" /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6496164020050788" crossorigin="anonymous"></script> </head> <body class="bg-gray-100"> <header class="bg-gradient-custom shadow-md py-4 md:px-6 px-2"> <div class="w-full lg:w-[960px] mx-auto flex justify-between items-center"> <a href="/" class="block" title="K24 weather forecasting"> <img class="h-10 md:h-20" src="/images/logo-white-without-net.svg" alt="K24 weather forecasting" /> </a> <div class="flex-grow ml-3"> <nav class="hidden sm:flex justify-end space-x-4"> <a href="#" class="btn-geolocation text-white hover:text-blue-200"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline align-text-top"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /> </svg> 螤蟻蠈纬谓蠅蟽畏 蟿畏蟼 胃苇蟽畏蟼 渭慰蠀 </a> <a href="/Maps" class="text-white hover:text-blue-200"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" /> </svg> 围维蟻蟿蔚蟼 </a> <a href="/Stations" class="text-white hover:text-blue-200"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" /> </svg> 危蟿伪胃渭慰委 </a> <a href="/Webcams" class="text-white hover:text-blue-200"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" /> </svg> Webcams </a> </nav> <div class="flex justify-end mt-3"> <div class="relative w-full focus-within:w-full md:w-3/6 transition-all duration-300 group"> <input id="txt-search" type="text" placeholder="螤蠈位畏, 蠂蠅蟻喂蠈" class="text-base w-full p-2 border-2 border-stone-200 rounded-md text-gray-700 focus:outline-none focus:ring focus:border-orange-400" /> <button class="absolute inset-y-0 right-0 flex items-center pr-1"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /> </svg> </button> <div tabindex="0" class="hidden group-focus-within:block fixed w-full left-0 md:absolute w-full z-50"> <div class="bg-white p-2 border-2 border-stone-200 rounded-md shadow-lg text-neutral-700 mx-2 md:mx-0"> <button class="btn-geolocation w-full text-left pb-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline align-text-top"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /> </svg> 螤蟻蠈纬谓蠅蟽畏 蟿畏蟼 胃苇蟽畏蟼 渭慰蠀 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="float-right size-6"> <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /> </svg> </button> <div id="search-results"> </div> </div> </div> </div> <button id="burger-btn" class="sm:hidden text-white focus:outline-none focus:ring pl-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M3 5h14a1 1 0 010 2H3a1 1 0 010-2zm0 4h14a1 1 0 010 2H3a1 1 0 010-2zm0 4h14a1 1 0 010 2H3a1 1 0 010-2z" clip-rule="evenodd" /> </svg> </button> </div> </div> </div> <div id="mobile-menu" class="hidden sm:hidden fixed inset-0 bg-gray-800 bg-opacity-50 z-40"> <div class="fixed inset-y-0 right-0 w-2/3 bg-white shadow-lg z-50"> <div class="p-6"> <button id="close-btn" class="text-gray-600 hover:text-blue-600"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <ul class="mt-6 space-y-4"> <li> <a href="#" class="btn-geolocation block text-gray-600 hover:text-blue-600"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline align-text-top"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /> </svg> 螤蟻蠈纬谓蠅蟽畏 蟿畏蟼 胃苇蟽畏蟼 渭慰蠀 </a> </li> <li> <a href="/Maps" class="block text-gray-600 hover:text-blue-600"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" /> </svg> 围维蟻蟿蔚蟼 魏伪喂蟻慰蠉 </a> </li> <li> <a href="/Stations" class="block text-gray-600 hover:text-blue-600"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" /> </svg> 危蟿伪胃渭慰委 </a> </li> <li> <a href="/Webcams" class="block text-gray-600 hover:text-blue-600"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" /> </svg> Webcams </a> </li> <li> <a class="block text-gray-600 hover:text-blue-600 privacy" href="#" onclick="googlefc.callbackQueue.push(googlefc.showRevocationMessage)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" /> </svg> 巍蠀胃渭委蟽蔚喂蟼 伪蟺慰蟻蟻萎蟿慰蠀 </a> </li> </ul> </div> </div> </div> </header> <main class="bg-gray-50 pb-3 w-full lg:w-[960px] items-center mx-auto text-neutral-700"> <div> <div class="relative w-full h-0"> <div class="absolute top-4 right-1 flex z-10 lg:me-4"> <div class="map-layers flex flex-row md:flex-col w-full text-white text-sm bg-black/30 rounded-md overflow-hidden select-none"> <div class="map-layer grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/15 hover:bg-black/0 border-t-2 border-white/15 flex flex-col cursor-pointer bg-black/45" data-layer="3" data-caption="螁谓蔚渭慰蟼"> <div class="py-2 px-4"><i class="wi wi-strong-wind w-4 text-center"></i> <span class="hidden md:inline">螁谓蔚渭慰蟼</span></div> </div> <div class="map-layer grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/15 hover:bg-black/0 flex flex-col cursor-pointer" data-layer="2" data-caption="螛蔚蟻渭慰魏蟻伪蟽委伪"> <div class="py-2 px-4"><i class="wi wi-thermometer w-4 text-center"></i> <span class="hidden md:inline">螛蔚蟻渭慰魏蟻伪蟽委伪</span></div> </div> <div class="map-layer grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/15 hover:bg-black/0 border-t-2 border-white/15 flex flex-col cursor-pointer" data-layer="4" data-caption="螔蟻慰蠂慰蟺蟿蠋蟽蔚喂蟼"> <div class="py-2 px-4"><i class="wi wi-rain w-4 text-center"></i> <span class="hidden md:inline">螔蟻慰蠂慰蟺蟿蠋蟽蔚喂蟼</span></div> </div> <div class="map-layer grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/15 hover:bg-black/0 border-t-2 border-white/15 flex flex-col cursor-pointer" data-layer="5" data-caption="围喂慰谓慰蟺蟿蠋蟽蔚喂蟼"> <div class="py-2 px-4"><i class="wi wi-snow w-4 text-center"></i> <span class="hidden md:inline">围喂慰谓慰蟺蟿蠋蟽蔚喂蟼</span></div> </div> <div class="map-layer grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/15 hover:bg-black/0 border-t-2 border-white/15 flex flex-col cursor-pointer" data-layer="6" data-caption="螡苇蠁畏"> <div class="py-2 px-4"><i class="wi wi-cloudy w-4 text-center"></i> <span class="hidden md:inline">螡苇蠁畏</span></div> </div> </div> </div> </div> <div id="map-container" class="border-x-2 border-b border-gray-200 w-full flex flex-col" style="height: 60vh"> <div id="map-container-2" class="relative w-full h-full"> <div id="weather-maps" class="w-full h-full"></div> <div class="relative w-full"> <div class="absolute bottom-1 left-1 md:bottom-4 md:left-4 border border-neutral-700 rounded-md overflow-hidden flex text-sm justify-center items-center z-10"> <div class="flex flex-row select-none"> <select id="forecast-dates" class="text-neutral-700 px-2 font-semibold"> <option value="638679708000000000">Σάβ 23 Νοε 17:00</option> <option value="638679816000000000">Σάβ 23 Νοε 20:00</option> <option value="638679924000000000">Σάβ 23 Νοε 23:00</option> <option value="638680032000000000">Κυρ 24 Νοε 02:00</option> <option value="638680140000000000">Κυρ 24 Νοε 05:00</option> <option value="638680248000000000">Κυρ 24 Νοε 08:00</option> <option value="638680356000000000">Κυρ 24 Νοε 11:00</option> <option value="638680464000000000">Κυρ 24 Νοε 14:00</option> <option value="638680572000000000">Κυρ 24 Νοε 17:00</option> <option value="638680680000000000">Κυρ 24 Νοε 20:00</option> <option value="638680788000000000">Κυρ 24 Νοε 23:00</option> <option value="638680896000000000">Δευ 25 Νοε 02:00</option> <option value="638681004000000000">Δευ 25 Νοε 05:00</option> <option value="638681112000000000">Δευ 25 Νοε 08:00</option> <option value="638681220000000000">Δευ 25 Νοε 11:00</option> <option value="638681328000000000">Δευ 25 Νοε 14:00</option> <option value="638681436000000000">Δευ 25 Νοε 17:00</option> <option value="638681544000000000">Δευ 25 Νοε 20:00</option> <option value="638681652000000000">Δευ 25 Νοε 23:00</option> <option value="638681760000000000">Τρί 26 Νοε 02:00</option> <option value="638681868000000000">Τρί 26 Νοε 05:00</option> <option value="638681976000000000">Τρί 26 Νοε 08:00</option> <option value="638682084000000000">Τρί 26 Νοε 11:00</option> <option value="638682192000000000">Τρί 26 Νοε 14:00</option> <option value="638682300000000000">Τρί 26 Νοε 17:00</option> <option value="638682408000000000">Τρί 26 Νοε 20:00</option> <option value="638682516000000000">Τρί 26 Νοε 23:00</option> <option value="638682624000000000">Τετ 27 Νοε 02:00</option> <option value="638682732000000000">Τετ 27 Νοε 05:00</option> <option value="638682840000000000">Τετ 27 Νοε 08:00</option> <option value="638682948000000000">Τετ 27 Νοε 11:00</option> <option value="638683056000000000">Τετ 27 Νοε 14:00</option> <option value="638683164000000000">Τετ 27 Νοε 17:00</option> <option value="638683272000000000">Τετ 27 Νοε 20:00</option> <option value="638683380000000000">Τετ 27 Νοε 23:00</option> <option value="638683488000000000">Πέμ 28 Νοε 02:00</option> <option value="638683596000000000">Πέμ 28 Νοε 05:00</option> <option value="638683704000000000">Πέμ 28 Νοε 08:00</option> <option value="638683812000000000">Πέμ 28 Νοε 11:00</option> <option value="638683920000000000">Πέμ 28 Νοε 14:00</option> <option value="638684028000000000">Πέμ 28 Νοε 17:00</option> <option value="638684136000000000">Πέμ 28 Νοε 20:00</option> <option value="638684244000000000">Πέμ 28 Νοε 23:00</option> <option value="638684352000000000">Παρ 29 Νοε 02:00</option> <option value="638684460000000000">Παρ 29 Νοε 05:00</option> <option value="638684568000000000">Παρ 29 Νοε 08:00</option> <option value="638684676000000000">Παρ 29 Νοε 11:00</option> <option value="638684784000000000">Παρ 29 Νοε 14:00</option> <option value="638684892000000000">Παρ 29 Νοε 17:00</option> <option value="638685000000000000">Παρ 29 Νοε 20:00</option> <option value="638685108000000000">Παρ 29 Νοε 23:00</option> <option value="638685216000000000">Σάβ 30 Νοε 02:00</option> </select> <div class="time-nav flex text-white flex-row shrink basis-24"> <div class="scroll-left grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/75 hover:bg-black/50 border-s-2 border-white/15 flex flex-col cursor-pointer"> <div class="py-2 px-4"><</div> </div> <div class="scroll-right grow shrink basis-0 [text-shadow:_1px_1px_2px_rgb(0_0_0)] bg-black/75 hover:bg-black/50 border-s-2 border-white/15 flex flex-col cursor-pointer"> <div class="py-2 px-4">></div> </div> </div> </div> </div> </div> </div> <div class="p-2 mx-auto" id="map-legend"></div> </div> </div> <!-- Horizontal 1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6496164020050788" data-ad-slot="8589629041" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </main> <footer class="py-2 px-2"> <div class="w-full lg:w-[960px] mx-auto flex justify-between items-center"> <div class="flex items-center"> <a href="/" class="flex items-center space-x-2" title="K24 weather forecasting"> <img class="h-10" src="/images/logo-black-without-net.svg" alt="K24 weather forecasting" /> </a> </div> <div class="space-x-3 text-sm"> <a href="/Contact" class="text-gray-500 hover:text-gray-600">螘蟺喂魏慰喂谓蠅谓委伪</a> <a href="/Terms" class="text-gray-500 hover:text-gray-600">螌蟻慰喂 蠂蟻萎蟽畏蟼</a> <a href="#" class="text-gray-500 hover:text-gray-600 privacy hidden md:inline">螒蟺蠈蟻蟻畏蟿慰</a> </div> </div> </footer> <link rel="stylesheet" href="/css/weather-icons.min.css?v=s_YyUwvMGtWVc0xfV5v5jl-DuoTmcCboyGqAmgK6AVc" /> <link rel="stylesheet" href="/css/weather-icons-wind.min.css?v=huyMLXBzKbUp-a2DHlEUmuJSmc2SQZiu_jbpELjYGSE" /> <script src="/js/site.js?v=k9l5V3K0G7mNbKyT0iDarl6AXt7175pMzHWkhiwModk"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v10.2.1/ol.css"> <script src="https://cdn.jsdelivr.net/npm/ol@v10.2.1/dist/ol.js"></script> <script src="/js/maps.js?v=cSGvfFy9m3uk0q2GsoCLZMN8W1O8k_n0ULe71xyJNhU"></script> </body> </html>