Liikennetilanne

<!DOCTYPE html>       <html class="">  <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://liikennetilanne.fintraffic.fi/","20210625090749","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1624612069"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Liikennetilanne</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/> <meta name="keywords" content="Liikennetilanne, H盲iri枚t ja tiety枚t, Keliennuste, Kelikamerat"/> <meta name="description" content="Liikennetilannepalvelusta l枚yd盲t ajantasaiset tiedot liikenteen h盲iri枚ist盲, tiet枚ist盲, liikenteen sujuvuudesta, kelist盲 sek盲 kelikamerakuvat."/> <link rel="icon" href="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/app/icons/iframe-logo.svg?7a2d5587f3ed4756?7a2d5587f3ed4756"/> <link rel="shortcut icon" href="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/app/icons/iframe-logo.svg?7a2d5587f3ed4756?7a2d5587f3ed4756"/> <link rel="stylesheet" href="https://web.archive.org/web/20210625090749cs_/https://js.arcgis.com/3.28/esri/css/esri.css"/> <link rel="stylesheet" href="https://web.archive.org/web/20210625090749cs_/https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/> <link rel="stylesheet" href="/web/20210625090749cs_/https://liikennetilanne.fintraffic.fi/app/css/main.css?4827f8e304c98125"/> <link rel="preconnect" href="https://web.archive.org/web/20210625090749/https://fonts.gstatic.com/"/> <link href="https://web.archive.org/web/20210625090749cs_/https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet"/>  <meta property="og:url" content="https://web.archive.org/web/20210625090749/https://liikennetilanne.tmfg.fi/"/> <meta property="og:image" content="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/app/icons/ogimage.png"/> <script src="https://web.archive.org/web/20210625090749js_/https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> </head> <body> <div id="loadingIndicator"></div> <span class="contents initializingApp"> <div class="initializerOverlay"></div> <div id="promotional"></div> <div class="top-nav-bar"> <div class="main-nav-bar"> <div class="main-nav-bar-btn-icon"> <a id="fintraffic-logo"> <img class="header-logo" src="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/app/icons/facelift/horizontal_logo_white.svg?682a6242ac4db8ab"/> </a> </div> <div class="main-nav-bar-btn-right" id="main-nav-toggle"> <a class="main-nav-bar-btn-text"> <span class="mobile-services"></span> <div class="large-feather-icon" data-feather="chevron-down"></div> </a> </div> <div class="main-nav-bar-btn btn-active"> <a class="main-nav-bar-btn-text title" href="/web/20210625090749/https://liikennetilanne.fintraffic.fi/"></a> <div class="triangle"></div> </div> <div class="main-nav-bar-btn"> <a class="customer-service-url main-nav-bar-btn-text"></a> <div class="triangle"></div> </div> <div class="main-nav-bar-btn"> <a class="fin-rail-departures-url main-nav-bar-btn-text"></a> <div class="triangle"></div> </div> <div class="main-nav-bar-btn"> <a class="drone-register-url main-nav-bar-btn-text"></a> <div class="triangle"></div> </div> <div class="main-nav-bar-btn"> <a class="digitraffic-url main-nav-bar-btn-text"></a> <div class="triangle"></div> </div> <div class="main-nav-bar-btn"> <a class="digitransit-url main-nav-bar-btn-text"></a> <div class="triangle"></div> </div> <div class="main-nav-bar-btn"> <a class="nap-url main-nav-bar-btn-text"></a> <div class="triangle"></div> </div> </div> <div class="tool-nav-bar"> <div class="tool-left-nav-bar"> <div class="tool-nav-bar-title"> <label class="tool-nav-bar-title-text title"></label> </div> <div class="tool-nav-bar-btn"> <label class="beta-tag">BETA</label> <a class="pulssi-url tool-nav-bar-btn-text trafficPulse"></a> <div class="rectangle"></div> </div> <div class="tool-nav-bar-btn btn-active"> <a class="tool-nav-bar-btn-text situationMap"></a> <div class="rectangle"></div> </div> </div> <div class="tool-right-nav-bar"> <div id="searchContainerDesktop"> <div class="nav-search-predictive-desktop"> <input class="input-search input-search-desktop" id="desktop-search" type="text" autocomplete="off" required> <div class="search-icon large-feather-icon" data-feather="search"></div> <div class="close-icon large-feather-icon" data-feather="x"></div> </div> <div id="searchResultsDesktop" class="hidden"></div> </div> <div class="lang-dropdown"> <div class="lang-dropdown-btn"> <div class="feather-icon" data-feather="globe"></div> <label class="lang-selected-label"></label> <div class="feather-icon" data-feather="chevron-down"></div> </div> <div class="lang-dropdown-content"> <div class="fin-lang-selector lang-dropdown-option lang-selected"> <div class="small-feather-icon" data-feather="globe"></div> <label class="lang-option-text"> Suomeksi </label> </div> <div class="swe-lang-selector lang-dropdown-option"> <div class="small-feather-icon" data-feather="globe"></div> <label class="lang-option-text"> P氓 svenska </label> </div> <div class="eng-lang-selector lang-dropdown-option"> <div class="small-feather-icon" data-feather="globe"></div> <label class="lang-option-text"> In English </label> </div> <div class="rus-lang-selector lang-dropdown-option"> <div class="small-feather-icon" data-feather="globe"></div> <label class="lang-option-text"> 袩芯-褉褍褋褋泻懈 </label> </div> </div> </div> <div class="mobile-dropdown"> <div class="mobile-dropdown-btn"> <label class="mobile-dropdown-label"></label> <div id="mobile-button-show" class="show feather-icon" data-feather="menu"></div> <div id="mobile-button-hide" class="hide feather-icon" data-feather="x"></div> </div> </div> </div> <div class="mobile-extended"> <div class="mobile-search"> <div class="nav-search-predictive-mobile"> <input id="searchFieldMobile" class="input-search input-search-mobile" type="text" autocomplete="off" required> <div class="search-icon large-feather-icon" data-feather="search"></div> <div class="close-icon large-feather-icon" data-feather="x"></div> </div> <div id="searchResultsMobile" class="hidden"></div> </div> <div class="tool-nav-bar-btn"> <label class="beta-tag">BETA</label> <a class="pulssi-url tool-nav-bar-btn-text trafficPulse"></a> <div class="rectangle"></div> </div> <div class="tool-nav-bar-btn"> <a class="tool-nav-bar-btn-text situationMap"></a> <div class="rectangle"></div> </div> <div class="mobile-lang-dropdown-content"> <div class="fin-lang-selector lang-dropdown-option lang-selected"> <label class="lang-option-text"> Suomeksi </label> </div> <div class="swe-lang-selector lang-dropdown-option"> <label class="lang-option-text"> P氓 svenska </label> </div> <div class="eng-lang-selector lang-dropdown-option"> <label class="lang-option-text"> In English </label> </div> <div class="rus-lang-selector lang-dropdown-option"> <label class="lang-option-text"> 袩芯-褉褍褋褋泻懈 </label> </div> </div> </div> </div> </div> <div class="hamburgerMenu"> <div class="app"> <span class="socialMediaButtons"> <a class="socialMediaSiteButton" href="https://web.archive.org/web/20210625090749/https://www.facebook.com/trafficmanagementfinland"> <span class="fa fa-facebook"></span> </a> <a class="socialMediaSiteButton" href="https://web.archive.org/web/20210625090749/https://twitter.com/Fintraffic_fi"> <span class="fa fa-twitter"></span> </a> <a class="socialMediaSiteButton socialMediaSiteButtonSecondary" href="https://web.archive.org/web/20210625090749/https://www.instagram.com/fintraffic_stories_fi/"> <span class="fa fa-instagram"></span> </a> </span> <span class="appStore"></span> </div> <div class="hamburgerListviews"> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewTopic listviewsTopic"> Listan盲kym盲t </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewDisorder"> <span class="disorderListTitle"></span> » </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewConstruction"> <span class="constructionListTitle"></span> » </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewWeightLimits"> <span class="weightlimitsListTitle"></span> » </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewRws"> <span class="rwsListTitle"></span> » </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewCameras"> <span class="cameraPictureListTitle"></span> » </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewIceRoads"> <span class="iceRoadsListTitle"></span> » </div> </div> <div class="hamburgerListviewItemContainer"> <div class="hamburgerListviewItem openListviewSeaWarnings"> <span class="seaWarningsListTitle"></span> » </div> </div> </div> <a class="hamburgerLink transportAgency" href="https://web.archive.org/web/20210625090749/https://www.liikennevirasto.fi/"><span class="copyright"></span> »</a> <a class="hamburgerLink contactInformation" href="https://web.archive.org/web/20210625090749/https://www.liikennevirasto.fi/yhteystiedot/liikennetilannepalvelu"><span class="contactInformationText"></span> »</a> </div> <div id="mapviewElements"> <div id="alertBox"> <span class="alertBoxTextContainer"> <span id="alertBoxText"></span> </span> <span id="alertBoxClose"> <i class="fa fa-times-circle"></i> </span> </div> <span id="mapControlsContainer"></span> <div id="checkboxarea"></div> <div id="timelinearea"> <ul class="time0"> <li class="forecast0 active first"></li> <li class="forecast1"><span></span></li> <li class="forecast2"><span></span></li> <li class="forecast3"><span></span></li> <li class="forecast4 last"><span></span></li> </ul> </div> <div id="camerapage"> <div id="camerapageWrapper"> <span id="camerapageCameraId" class="hidden"></span> <div id="cameraheader"> <span id="cameraTitle" class="cameraTopic"></span> <span id="cameraBack"> <span id="separator">|</span> <span id="txt"></span> </span> </div> <div id="cameracontentWrapper"> <div style=" display: inline-block; width: calc(100% - 150px); vertical-align: top; "> <div id="sliderParent"></div> <div id="boxbox" style="margin: 40px 0 0 !important"> <div id="middlebox"> <div id="cameramain"> <div id="leftbox"> <button class="cameraBtn leftBtn"></button> </div> <div> <div class="spinner" id="cameraSpinner"></div> <img style="max-width: 100%" id="mainPicture" src="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/"/> <div style="display: flex"> <div id="leftboxmobile" style="flex: 1; text-align: center"> <button class="cameraBtn leftBtn"></button> </div> <div id="rightboxmobile" style="flex: 1; text-align: center"> <button class="cameraBtn rightBtn"></button> </div> </div> <div id="cameraExtraInfo"> <div id="cameraTable"></div> <div id="camerainfoFooter"></div> </div> </div> <div id="rightbox"> <button class="cameraBtn rightBtn"></button> </div> </div> </div> </div> </div> <div style="display: inline-block; width: calc(145px)"> <div id="camerainfo"></div> </div> </div> </div> </div> <div id="checkboxAreaToggleBtn"> <span class="cbheader checkboxareaTitle"></span> <span id="mapCheckboxDropIcon" class="cbdropicon"> <div class="small-feather-icon" data-feather="plus-circle"></div> </span> </div> <div id="map-canvas"> <div id="attribution"> <div class="tooltip goToTraffic"></div> <div class="watermark"> <a id="attribution-link" class="attribution-link" href="" target="_blank"> <img class="attribution-logo" src="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/app/icons/facelift/fintraffic-logo-text.svg?5bc3308c516788ed"/> <div class="title"></div> </a> </div> </div> </div> </div> <div id="listview"></div> <div id="mapSpinner"> <div class="spinner"></div> </div> <div id="footer"> <a class="title footerLink" href="/web/20210625090749/https://liikennetilanne.fintraffic.fi/"></a> <a class="footerLink smaller instructions"></a> <a class="footerLink smaller faq"></a> <span class="footerLink right"> <span class="centerButtonLabel"> </span> <a href="https://web.archive.org/web/20210625090749/https://www.digitraffic.fi/kayttoehdot/">Digitraffic</a>, <a href="https://web.archive.org/web/20210625090749/https://creativecommons.org/licenses/by/4.0/">CC 4.0 BY</a></span> </div> <div id="footer-links"> <div class="row border"> <a id="footer-fintraffic-logo"> <img id="logoFooter" src="/web/20210625090749im_/https://liikennetilanne.fintraffic.fi/app/icons/thumbnail.svg?52da8bfa3663e3cb"> </a> <a class="footerLink no-padding-top right" href="https://web.archive.org/web/20210625090749/https://fintraffic.fi/">fintraffic.fi</a> </div> <div class="row"> <div class="col"> <a class="footerLink transportAgency bold title" id="footerCopyright" href="/web/20210625090749/https://liikennetilanne.fintraffic.fi/"></a> <a class="customer-service-url footerLink bold"></a> <a class="fin-rail-departures-url footerLink bold"></a> <a class="drone-register-url footerLink bold"></a> </div> <div class="col"> <a class="digitraffic-url footerLink bold"></a> <a class="digitransit-url footerLink bold"></a> <a class="nap-url footerLink bold"></a> </div> <div class="col"> <a class="footerLink dataProtectionFooter"></a> <a class="footerLink feedbackFooter"></a> <a class="footerLink contactFooter"></a> <a class="footerLink accessibilityFooter"></a> </div> <div class="col right"> <a class="socialMediaSiteButton" href="https://web.archive.org/web/20210625090749/https://www.facebook.com/trafficmanagementfinland"> <div class="large-feather-icon" data-feather="facebook"></div> </a> <a class="socialMediaSiteButton" href="https://web.archive.org/web/20210625090749/https://twitter.com/Fintraffic_fi"> <div class="large-feather-icon" data-feather="twitter"></div> </a> <a class="socialMediaSiteButton socialMediaSiteButtonSecondary" href="https://web.archive.org/web/20210625090749/https://www.instagram.com/fintraffic_stories_fi/"> <div class="large-feather-icon" data-feather="instagram"></div> </a> </div> </div> </div> <div id="lightboxBg"></div> <div id="permalinkBox"> <span id="createPermalink"> </span> <span id="permalinkTxt"> </span> <label class="switch" style="left: 0% !important"> <input id="embedded" type="checkbox"> <span class="slider round"> </span> </label> <span id="embeddedTxt"></span> <input id="permalinkLinkBox" type="text"> <span id="permalinkClose"> <i class="fa fa-times-circle"></i> </span> </div> </body> <div id="desktopDialog" title="Tervetuloa Liikennetilanne-palveluun!"> <span id="description1"> Palvelussa n盲et kartalla </span> <a id="descHref" target="_blank"> <font id="descLink" color="#3db7e4">TMFG:n</font> </a> <span id="description2">ker盲盲mi盲 tietoja liikenteest盲.</span> <ul style="font-size:14px;"> <li id="bullet1" style="margin:3px;">Liikennetietoja saat n盲kyviin valitsemalla tietoluokkia N盲yt盲-valikosta tai valitsemalla pikavalintoja yl盲palkista.</li> <li style="margin:3px;"><span id="bullet2">N盲ytett盲vien tietojen selitteist盲 l枚ytyy lis盲tietoja klikkaamalla N盲yt盲-valikosta </span> <div id="legendicon" data-feather="info"></div><span id="bullet3">-painikkeita.</span></li> <li id="bullet4" style="margin:3px;">Kartalla n盲kyvist盲 kohteista (symbolit ja viivat) saat lis盲tietoja klikkaamalla haluamaasi kohdetta kartalta.</li> </ul> <p class="description"> <span id="additional1"> Lis盲tietoa Liikennetilanne-palvelusta l枚yd盲t </span> <a id="dialogHref1" target="_blank" href="https://web.archive.org/web/20210625090749/https://www.fintraffic.fi/fi/fintraffic/liikennetilanne-palvelu"> <font id="additionalLink1" color="#3db7e4"></font> </a><span id="additional3">- ja</span> <a id="dialogHref2" target="_blank" href="https://web.archive.org/web/20210625090749/https://www.fintraffic.fi/fi/fintraffic/usein-kysyttya-liikennetilanne-palvelusta"> <font id="additionalLink2" color="#3db7e4">Usein kysytty盲</font> </a><span id="additional4"></span> </p> </div> <div id="mobileDialog" title="Tervetuloa Liikennetilanne-palveluun!"> <span id="description1"> Palvelussa n盲et kartalla </span> <a id="descHrefMobile" target="_blank"> <font id="descLink" color="#3db7e4">TMFG:n</font> </a> <span id="description2">ker盲盲mi盲 tietoja liikenteest盲.</span> <ul style="font-size:14px;"> <li id="bullet1" style="margin:3px;">Liikennetietoja saat n盲kyviin valitsemalla tietoluokkia N盲yt盲-valikosta tai valitsemalla pikavalintoja yl盲palkista.</li> <li style="margin:3px;"><span id="bullet2">N盲ytett盲vien tietojen selitteist盲 l枚ytyy lis盲tietoja klikkaamalla N盲yt盲-valikosta </span> <div id="legendicon" data-feather="info"></div><span id="bullet3">-painikkeita.</span></li> <li id="bullet4" style="margin:3px;">Kartalla n盲kyvist盲 kohteista (symbolit ja viivat) saat lis盲tietoja klikkaamalla haluamaasi kohdetta kartalta.</li> </ul> <p class="description"> <span id="additional1"> Lis盲tietoa Liikennetilanne-palvelusta l枚yd盲t </span> <a id="dialogHref1mobile" target="_blank" href="https://web.archive.org/web/20210625090749/https://www.fintraffic.fi/fi/fintraffic/liikennetilanne-palvelu"> <font id="additionalLink1" color="#3db7e4"></font> </a><span id="additional3">- ja</span> <a id="dialogHref2mobile" target="_blank" href="https://web.archive.org/web/20210625090749/https://www.fintraffic.fi/fi/fintraffic/usein-kysyttya-liikennetilanne-palvelusta"> <font id="additionalLink2" color="#3db7e4">Usein kysytty盲</font> </a><span id="additional4"></span> </p> </div> <script> window.appConfig = { mobileStart: 950, mobileEnd: 951, mobileSmall: 300, defaultView: "disorderView", defaultLanguage: "fin", checkboxAreaToggleWidth: 600, popupFromSideHeight: 550, localhostURL: "https://web.archive.org/web/20210625090749/http://localhost:8080/", developmentURL: "https://web.archive.org/web/20210625090749/http://liikennetilanne.cloudapp.net:8080/", productionURL: "https://web.archive.org/web/20210625090749/https://liikennetilanne.fintraffic.fi", appUrl: "https://web.archive.org/web/20210625090749/https://liikennetilanne.fintraffic.fi/", finRailUrl: "https://web.archive.org/web/20210625090749/https://asemainfo.fi/station/", finaviaUrl: "https://web.archive.org/web/20210625090749/https://www.finavia.fi", // PRODUCTION urls: agolRootUrl: "https://web.archive.org/web/20210625090749/https://services1.arcgis.com/rhs5fjYxdOG1Et61/ArcGIS/rest/services/", weatherCameraPicBaseurl: "https://web.archive.org/web/20210625090749/https://liikennetilanne.fintraffic.fi/tilannekuvawsproxy", cameraTimestampURL: "https://web.archive.org/web/20210625090749/https://liikennetilanne.fintraffic.fi/cameraproxy/", balticeUrl: "https://web.archive.org/web/20210625090749/https://services1.arcgis.com/rhs5fjYxdOG1Et61/ArcGIS/rest/services/", monitorUrl: "https://web.archive.org/web/20210625090749/https://liikennetilanne.fintraffic.fi/statusproxy/status", // DEVELOPMENT urls: //agolRootUrl: "https://web.archive.org/web/20210625090749/https://services1.arcgis.com/tZw461SiDpcf6V4o/ArcGIS/rest/services/", //weatherCameraPicBaseurl: "https://web.archive.org/web/20210625090749/http://137.116.198.92:8080/tilannekuva-ws/cameras", //cameraTimestampURL: "https://web.archive.org/web/20210625090749/http://137.116.198.92:8080/cameras/", //balticeUrl: "https://web.archive.org/web/20210625090749/https://services1.arcgis.com/tZw461SiDpcf6V4o/ArcGIS/rest/services/", //monitorUrl: "https://web.archive.org/web/20210625090749/http://liikennetilanne.cloudapp.net:8080/statusproxy/status" }; var view = window.innerWidth > window.appConfig.mobileStart ? "desktop" : "mobile"; var body = document.body; if (body.classList) { body.classList.add(view); } else { body.className += " " + view; } </script> <script> var dojoConfig = { async: true, locale: "en-us", aliases: [ ["text", "dojo/text"], ["proj4", "proj4/dist/proj4"], ["Q", "q/q"], ["jquery", "jquery/dist/jquery"], ["jquery-slimscroll", "jquery-slimscroll/jquery.slimscroll"], ["jquery-ui", "jquery-ui/ui/jquery-ui"], ["timezoneJS", "timezone-js/src/date"], ["handlebarsBase", "handlebars/handlebars"], ["handlebars", "app/util/handlebarsHelpers"], ["es5-shim", "es5-shim/es5-shim"], ["lodash", "lodash/lodash"], ["Fuse", "fuse.js/dist/fuse"] ] };</script> <script> dojoConfig.cacheBust = "v=1623306961074" </script> <script data-dojo-config="async: true" src="/web/20210625090749js_/https://liikennetilanne.fintraffic.fi/dojo/dojo.js?8ff9ad566d025116"></script> <script> require(["app/main"]); </script>  <script async src="https://web.archive.org/web/20210625090749js_/https://www.googletagmanager.com/gtag/js?id=UA-126987722-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "UA-126987722-1"); </script> <script> (function (i, s, o, g, r, a, m) { i["GoogleAnalyticsObject"] = r; (i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments); }), (i[r].l = 1 * new Date()); (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]); a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); })( window, document, "script", "https://web.archive.org/web/20210625090749/https://www.google-analytics.com/analytics.js", "ga" ); ga("create", "UA-126987722-1", "https://web.archive.org/web/20210625090749/https://liikennetilanne.fintraffic.fi/"); ga("set", "anonymizeIp", true); ga("send", "pageview", document.location.pathname); </script>  <script> feather.replace() </script> <script></script> </html>

CINXE.COM

Liikennetilanne