CINXE.COM
Ilmailus盲盲
<!DOCTYPE html> <html> <head> <title>Ilmailus盲盲</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0"/> <meta name="description" content="Ilmatieteen laitoksen Ilmailus盲盲-palvelu, s盲盲 kartalla, s盲盲tutkahavainnot, satelliittihavainnot, pilvenkorkeushavainnot, n盲kyvyyshavainnot, tuulihavainnot, METAR, AWS, kokonaispilvisyys, 3 vuorokauden s盲盲ennuste maanpinnalle, tuuliennuste, kokonaispilvisyysennuste, lentokent盲t, 3 vuorokauden s盲盲ennuste lentopinnoilla, l盲mp枚tilaennuste, tuuliennuste, ilmankosteusennuste, sade-ennuste, ilmanpaine-ennuste, WAFC, Euroopan alueen SWC-kartta, SWC-kartta" id="index-meta-description" class="translate-meta"/> <meta name="author" content="Ilmatieteen laitos" id="meta-author" class="translate-meta"/> <link rel="alternate" hreflang="fi" href="https://ilmailusaa.fi/index.html"/> <link rel="alternate" hreflang="en" href="https://ilmailusaa.fi/index.html#FMILang=en"/> <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/jquery-ui-1.9.2.custom.min.css"/> <link rel="stylesheet" type="text/css" href="stylesheets/aviation-weather-main.css?6"/> <script type='text/javascript' src="scripts/jquery-1.8.3.js"></script> <script type='text/javascript' src="./scripts/fmi/fmiUtils.js?10"></script> <script type='text/javascript' src="./scripts/fmi/fmiLangs.js?10"></script> <script type='text/javascript' src="./scripts/fmi/fmiWeatherAnimation.js?10"></script> <script type='text/javascript' src='scripts/knockout-2.2.0.js'></script> <script type='text/javascript' src="scripts/jquery-ui.js"></script> <script type='text/javascript' src="scripts/jquery.scrollstop.min.js"></script> <script type='text/javascript' src='scripts/touch-punch.js'></script> <script type="text/javascript" src="scripts/modernizr.js"></script> <script type="text/javascript" src="scripts/json2.min.js"></script> <script type="text/javascript" src="scripts/ImageMaps.min.js"></script> <script type="text/javascript"> var vw = new ViewModels.WeatherWarnings(); var winfo = new ViewModels.WeatherInfo(); var weatherAnim = new WeatherAnimation(); document.weatherAnim = weatherAnim; document.currentLanguage = FMIUtils.get("index", "FMILang") ? FMIUtils.get("index", "FMILang") : "fi"; $(function() { // Handle predefined settings either in local storage or in url. // Used url overrides any local storage settings. FMIUtils.handleUserSettings("index"); weatherAnim.hideWeatherAnimImages(); var MapLocationRepository = new QueryBuilder.MapPointRepository(); window.Query = new QueryBuilder.Query(); ko.applyBindings(vw, document.getElementById('warnings')); ko.applyBindings(winfo, document.getElementById('weatherinfo')); window.Query.weatherinfo(); window.Query.warnings(); document.weatherAnim.initWeatherProductSlider(); document.weatherAnim.determineMobileView(); FMIUtils.initDefaultButtonBehaviour(); FMIUtils.translate(); $("#weatherproduct-search-mobile").hide(); $("#weathermap-container").hide(); // Fires with every page reload and navigation button click $(weatherAnim.observationSelector).change(function() { // Highlight the equivalent button in the navigation $(".genericbuttons button").removeClass("selected"); $('button#' + $(this).val()).addClass("selected"); // Hide everything as default //var selectors = ['region', 'time', 'satellite', 'level']; ['time', 'satellite', 'level'].forEach(function(selector) { $(weatherAnim[selector + 'Selector']).prop('hidden', true).prop('disabled', false) }); $("#print, #pdf").hide(); addRegions($(this).val()); switch($(this).val()) { case 'wafc': $('#print').show(); addLevels('wafc'); $(weatherAnim.timeSelector).prop('hidden', false); weatherAnim.defaultWafcTime(); break; case 'swc': $('#pdf').show(); addLevels('swc'); break; case 'multi': addLevels('multi') break; case 'satellite': $(weatherAnim.satelliteSelector).prop('hidden', false); break; default: break; } function addLevels(type) { var levels = type === 'swc' ? ['WIND', 'SWC'] : type === 'multi' ? ['1000ft', '2000ft', 'FL50', 'FL100', 'FL140', 'FL180', 'FL240', 'FL300', 'FL340'] : ['SIGWX', 'FL50', 'FL80', 'FL100', 'FL140', 'FL180', 'FL210', 'FL240', 'FL300', 'FL340', 'FL390', 'FL450', 'FL480']; $(weatherAnim.levelSelector).children().remove(); levels.forEach(function(level) { var levelName = level.replace('FL', 'FL ').replace('WIND', 'WIND '); var levelClass = level.indexOf('FL') >= 0 || level.indexOf('ft') >= 0 ? 'FL' : level.indexOf('WIND') >= 0 || level.indexOf('SWC') >= 0 ? 'swc' : 'wafc'; $(weatherAnim.levelSelector).append( '<option class="' + levelClass + ' option-' + type + '" value="' + level + '">' + levelName + '</option>' ); }); $(weatherAnim.levelSelector).prop('hidden', false); } function addRegions(type) { var regions = type === 'wafc' ? [ 'PGSE05_EGRR', 'PGRE05_EGRR', 'PGZE05_EGRR', 'PGGE05_EGRR', 'PGCE05_EGRR', 'PGAE05_EGRR', 'PGKE05_EGRR', 'PGDE29_KKCI', 'PGEE05_KKCI', 'PGIE05_KKCI', 'PGGE05_KKCI', 'PGBE05_KKCI', 'PGJE05_KKCI', 'PGNE14_KKCI', 'PGDE14_EGRR', 'PGCE14_EGRR', 'PGZE14_EGRR' ] : ['southern-finland', 'northern-finland', 'finland', 'scandinavia']; if (type === 'viscloud') { regions.push('uusimaa'); } $(weatherAnim.regionSelector).children().remove(); regions.forEach(function(region) { $(weatherAnim.regionSelector).append( '<option class="translate option-' + type + '" id="' + region + '" value="' + region +'">' + FMIUtils.translate_single(region) + '</option>' ); }); } document.weatherAnim.loadAnimation($(this).val()); }); // Dropdown events $(weatherAnim.regionSelector).change(function() { var qs = FMIUtils.parseHref(); FMIUtils.updateHrefMulti(qs, "map", $(weatherAnim.regionSelector).children(), $(this).val()) weatherAnim.href(qs.top); weatherAnim.loadAnimation($("button.selected").attr("id")); }); $(weatherAnim.timeSelector).change(function() { var qs = FMIUtils.parseHref(); weatherAnim.href(qs.top); weatherAnim.loadAnimation($("button.selected").attr("id")); }); $(weatherAnim.levelSelector).change(function() { var qs = FMIUtils.parseHref(); FMIUtils.updateHrefMulti(qs, "level", $(weatherAnim.levelSelector).children(), $(this).val()); weatherAnim.href(qs.top); weatherAnim.loadAnimation($("button.selected").attr("id")); }); $(weatherAnim.satelliteSelector).change(function() { var qs = FMIUtils.parseHref(); FMIUtils.updateHref(qs, "satellite", $(this).val()) weatherAnim.href(qs.top); weatherAnim.reloadAnimAndNavigation(); }); document.weatherAnim.reloadAnimAndNavigation(); // Register a scrollstop event to remember the scroll bar location. FMIUtils.initCommonEvents(); // By default, flashes should be checked var qs = FMIUtils.parseHref(); if(!("flash_checkbox" in qs)) { $("#flash_checkbox").prop("checked", true); FMIUtils.updateHref(qs, "flash_checkbox", "checked"); } }); </script> </head> <body> <div class="wrapper"> <header class="pageheader"> <ul> <li class="portalLogo"><a class="translate" id="title" href="http://ilmailusaa.fi">Ilmailus盲盲</a></li> <li class="langSelection"><a class="translate" id="lang" href="#">EN</a></li> <li class="langSelection"><a href="info.html">Info</a></li> <li class="langSelection"><a class="translate" id="drone" href="https://drone.weatherproof.fi">Drones盲盲</a></li> </ul> <nav class="main-menu"> <ul> <li class="navitem active first"><a href="index.html"> <span id="menu-map" class="translate">S盲盲 kartalla</span> </a> </li> <li class="navitem second"><a href="weather-flightpath.html?location"> <span id="menu-location" class="translate">S盲盲 lentopaikalla</span> </a> </li> <li class="navitem third"><a href="weather-flightpath.html"> <span id="menu-flight" class="translate">S盲盲 lentoreitill盲</span> </a> </li> <li class="navitem fourth"> <a href="lowlevelforecast.html"> <span id="menu-llf" class="translate">LLF-ennuste</span></a> </li> <li class="navitem fourth warning last"><a href="warnings.html"> <span id="menu-warning" class="translate">Varoitukset</span> </a> </li> </ul> </nav> </header> <div class="container"> <section class="full"> <div class="boxgeneric" style="display: none;"> <header class="warning"> <span class="translate" id="warning-box">Varoitukset</span> <button class="translate" id="warning-close">X Sulje</button> </header> <div class="boxcontainer"> <ul class="boxelements" id="warnings" data-bind="foreach: warnings" /> <li class="weather-observation"> <div class="metadata"> <span class="marker" data-bind="text: coordinate"></span> <span class="clock" data-bind="text: updated"></span> <span class="flag" data-bind="text: priority"></span> </div> <div class="observation"> <p data-bind="html: p1"></p> <p data-bind="text: p2"></p> </div> </li> </ul> </div> </div> <div class="boxgeneric" style="display: none;"> <header class="weatherinfo"> <span class="translate" id="weather-info">Tiedotteet</span> <button class="translate" id="weather-info-close">X Sulje</button> </header> <div class="boxcontainer"> <ul class="boxelements" id="weatherinfo" data-bind="foreach: weatherinfo" /> <li class="weather-observation"> <div class="metadata"> <span class="marker" data-bind="text: coordinate"></span> <span class="clock" data-bind="text: updated"></span> <!--span class="flag" data-bind="text: priority"></span--> </div> <div class="observation"> <p data-bind="html: p1"></p> <p data-bind="text: p2"></p> </div> </li> </ul> </div> </div> <div class="boxgeneric noheader"> <div class="boxcontainer"> <div class="product-menu right"> <div class="select-styled"> <select id="weatherproduct-region"></select> <select id="weatherproduct-time"> <option id="time-0000" value="0000">00 UTC</option> <option id="time-0600" value="0600">06 UTC</option> <option id="time-1200" value="1200">12 UTC</option> <option id="time-1800" value="1800">18 UTC</option> </select> <select id="weatherproduct-level"></select> <select id="weatherproduct-search-mobile" class="mobile"></select> <select id="weatherproduct-satellite"> <option class="translate" id="daynight" value="daynight">P盲iv盲 / y枚</option> <option class="translate" id="daylight" value="daylight">P盲iv盲nvalo</option> </select> </div> <div class="product-menu left mobile"> <div class="select-styled"></div> </div> </div> <div class="product-menu left desktop"> <nav id="weatherproduct-navigation-desktop" class="product-menu-header genericbuttons"></nav> </div> <div id="indicator-animnav" class="loadindicator"> <img src="./images/ajax-loader-large.gif" /> <p class="translate" id="loading-nav">Ladataan navigaatiota</p> </div> </div> </div> </section> <section class="large-left anim-container"> <div class="boxgeneric"> <div class="boxcontainer noheader"> <div class="boxgeneric" id="error"> <header class="warning"><span class="translate" id="error-box">Virhe</span></header> <div class="boxcontainer translate" id="error-msg">Virhe</div> </div> <div id="indicator-animproduct" class="loadindicator"> <img src="./images/ajax-loader-large.gif" /> <p class="translate" id="loading-prod">Ladataan s盲盲tuotetta</p> </div> <div id="weathermap-container"> <div id="weathermap-unofficial" class="translate"></div> <div id="weathermap-unofficial2" class="translate"></div> <div id="weathermap-images"></div> <div class="print"> <button class="translate" id="print" onClick="weatherAnim.print()">Tulosta</button> <button id="pdf" onClick="weatherAnim.print()">PDF</button> </div> <div id="initiate-weathermap-play" class="slider-toggle"> <img src="images/slider-button-play.png" alt="Aloita animaatio" /> </div> <div class="slider-container slider-toggle"> <div id="slider"></div> <div class="slider-steps"></div> <div class="slider-legend slider-toggle"> <div class="colorindicator observations"> </div> <span class="translate" id="obs">Havainnot</span> <div class="colorindicator predictions"> </div> <span class="translate" id="for">Ennusteet</span> </div> </div> </div> </div> </div> </section> <section class="small-right"> <div class="boxgeneric"> <div class="noheader legend">Legend</div> </div> </section> </div> <footer> <span class="translate" id="footer-fmi">Ilmatieteen laitos</span> <a href="mailto:ilmailu@ilmatieteenlaitos.fi" id="mail">ilmailu@ilmatieteenlaitos.fi</a> <br/><span id="phone">0600 9 3808 (2,53€/min)</span> </footer> </div> </body> </html>