vesi.fi-karttapalvelu

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />   <link rel="canonical" href="/" /> <meta property="og:title" content="Vesiaiheisen tutkitun tiedon l盲hde" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.vesi.fi/" /> <meta property="og:image" content="https://www.vesi.fi/karttapalvelu/img/vesifibanner.jpg" /> <meta property="og:site_name" content="Vesi.fi" /> <meta property="og:description" content="Ajantasainen vesiaiheinen tieto kartalla Vesi.fi-karttapalvelussa." /> <meta property="og:image:secure_url" content="https://www.vesi.fi/karttapalvelu/img/vesifibanner.jpg" />  <meta name="twitter:title" content="Vesiaiheisen tutkitun tiedon l盲hde" /> <meta name="twitter:description" content="Ajantasainen vesiaiheinen tieto kartalla Vesi.fi-karttapalvelussa." /> <meta name="twitter:image" content="https://www.vesi.fi/karttapalvelu/img/vesifibanner.jpg" /> <link rel="apple-touch-icon" href="img/vesifiico-152.png" /> <meta name="theme-color" content="white" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-mobile-web-app-title" content="Hello World" /> <meta name="msapplication-TileImage" content="img/vesifiico-144.png" /> <meta name="msapplication-TileColor" content="#FFFFFF" /> <title>vesi.fi-karttapalvelu</title> <link rel="icon" href="https://www.vesi.fi/favicon.ico" />  <script>window.lang='sv';</script>  <script src="https://cdn.jsdelivr.net/npm/ol@v8.2.0/dist/ol.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v8.2.0/ol.css" />  <script src="./externs/jquery-3.2.1.min.js"></script> <script src="./externs/jquery-ui-1.12.1.min.js"></script> <link href="./externs/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script src="./externs/datepicker-fi.js"></script> <script src="./externs/datepicker-sv.js"></script> <script src="./externs/CLDRPluralRuleParser/CLDRPluralRuleParser.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.messagestore.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.fallbacks.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.language.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.parser.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.emitter.js"></script> <script src="./externs/jquery.i18n/jquery.i18n.emitter.bidi.js"></script> <script src="./externs/html2canvas.min.js"></script> <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL,Object.assign"></script> <script src="https://unpkg.com/jsts@2.0.2/dist/jsts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@turf/turf@5/turf.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.10.0/proj4.js"></script> <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" /> <link href="css/bootstrap-4.3.1.css" rel="stylesheet" />   <script src="./js/startApp__1741259677701.645.js"></script> <script src="./js/Environment__1741259677701.645.js"></script> <script src="./js/InfoWindow__1741259677701.645.js"></script> <script src="./js/Symbology__1741259677701.645.js"></script> <script src="./js/Search__1741259677701.645.js"></script> <script src="./js/Polyfills.js"></script> <script src="./js/MapControls__1741259677701.645.js"></script> <script src="./js/tee_pika_graafi__1741259677701.645.js"></script> <script src="./js/Citobs__1741259677701.645.js"></script> <script src="./js/Layers.js"></script> <script src="./js/TimeSlider.js"></script> <script type="text/javascript" charset="utf-8" src="./js/chartTools__1741259677701.645.js"></script>     <link href="./css/map__1741259677701.645.css" rel="stylesheet" type="text/css" /> <link href="./css/citobs__1741259677701.645.css" rel="stylesheet" type="text/css" /> <link href="./css/timeSlider__1741259677701.645.css" rel="stylesheet" type="text/css" /> <link href="./css/sykeStyle__1741259677701.645.css" rel="stylesheet" type="text/css" />  <link href="css/kartta-layout__1741259677701.645.css" rel="stylesheet" type="text/css" /> <link href="css/pikanakyma__1741259677701.645.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" id="webfonts-google-css" href="https://fonts.googleapis.com/css?family=Open+Sans%3A400|Raleway%3A400%2C500%2C600%2C700&ver=1.0.0" type="text/css" media="all" />    <script src="https://cdn.cookiehub.eu/c2/7556fd94.js"></script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function(event) { var cpm = {}; window.cookiehub.load(cpm); }); </script> </head> <body id="custom-css-overrides" onload="startApp()"> <a class="sr-only sr-only-focusable etusivulle-linkkaus" href="https://www.vesi.fi" >T盲m盲 sivu ei ole saavutettava. Siirry t盲st盲 takaisin sivuston etusivulle.</a > <script type="text/javascript" src="https://wwwi2.ymparisto.fi/i2/ohje/highcharts.js"></script> <script type="text/javascript" src="https://wwwi2.ymparisto.fi/i2/ohje/highcharts-more.js"></script>  <div class="pageContainer" aria-hidden="true"> <div id="warning" style="position: absolute; top: 200px; right: 50px; background: yellow; z-index: 1000"></div> <div class="container-fluid d-flex h-100 p-0 body-container"> <div class="main-nav-container"> <div class="container-fluid navi-container kartta"> <nav id="navbar" class="navbar navbar-expand-md kartta" style=""> <a class="navbar-brand" href="https://www.vesi.fi/sv"><img src="https://www.vesi.fi/sv/wp-content/themes/syke_vesi_theme/images/Navipalkki-logo.png" class="img-fluid"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavi" aria-controls="mainNavi" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"><i class="fa fa-bars"></i></button> <script type="text/javascript"> if(window.lang=='en'){ document.write('<a class="lang-link" href="https://www.vesi.fi/">FI</a>'); document.write('<a class="lang-link" href="https://www.vesi.fi/sv/">SV</a>'); } else if(window.lang =='sv'){ document.write('<a class="lang-link" href="https://www.vesi.fi/en/">EN</a>'); document.write('<a class="lang-link" href="https://www.vesi.fi/sv/">SV</a>'); } else { document.write('<a class="lang-link" href="https://www.vesi.fi/en/">EN</a>'); document.write('<a class="lang-link" href="https://www.vesi.fi/sv/">SV</a>'); } </script> <div id="mainNavi" class="collapse navbar-collapse"><ul id="main-menu" class="navbar-nav mr-auto"><li id="menu-item-etusivu" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-etusivu"> <a href="https://www.vesi.fi/sv" aria-label="Tillbaka till startsidan (ikon)"><img src="https://www.vesi.fi/sv/wp-content/themes/syke_vesi_theme/images/home-ikoni-link-internal-css.svg" alt="Tillbaka till startsidan (ikon)" class="img-fluid home-icon"/> </li><li id="menu-item-1479" class="menu-item-karttapalvelu aria-hide menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-1479"><a href="//www.vesi.fi/sv/karttapalvelu/" aria-current="page">Karttj盲nsten</a></li> <li id="menu-item-1549" class="menu-item-vesitilanne menu-item menu-item-type-post_type menu-item-object-page menu-item-1549"><a href="https://www.vesi.fi/sv/vattenlaget/">Vattenl盲get</a></li> <li id="menu-item-1495" class="menu-item-vesitieto menu-item menu-item-type-post_type_archive menu-item-object-vesitieto menu-item-1495"><a href="https://www.vesi.fi/sv/vesitieto/">Vatteninformation</a></li> <li id="menu-item-18027" class="menu-item-ajankohtaista menu-item menu-item-type-post_type menu-item-object-page menu-item-18027"><a href="https://www.vesi.fi/sv/temasidor/">Temasidor</a></li> <li id="menu-item-1503" class="menu-item-asiakaspalvelu menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-1503"><a href="https://www.vesi.fi/sv/artiklar/">Nyheter</a></li> </ul></div></nav> </div> </div> <div id="navilayer" class="navilayer navilayer-column"> <nav class="nav nav-pills nav-justified md-nav-fill flex-row flex-sm-column mobiilikontrollit"> <button class="nav-item nav-link teema-title-button" type="button" data-toggle="collapse" data-target="#teemat" data-parent="#navilayer" aria-expanded="false" aria-controls="teemat" > <div class="ikoni"></div> <div class="teema-title" id="teema-title-linkki" data-i18n="mapControls_themesHeader">Teemat</div> </button> <button id="kohdetiedot-title-button" class="nav-item nav-link kohdetiedot-title-button" type="button" data-toggle="collapse" data-target="#kohdetiedot" data-parent="#navilayer" aria-expanded="false" aria-controls="kohdetiedot" disabled style="display: none" > <div class="ikoni"></div> <div class="kohdetiedot-title" id="kohdetiedot-title-linkki" data-i18n="mapControls_infoSectionHeader">Kohdetiedot</div> </button> <button id="citobs-title-button" class="nav-item nav-link citobs-title-button" type="button" data-toggle="collapse" data-parent="#navilayer" aria-expanded="false" aria-controls="citobs" onClick="citobs_showModalForm()" > <div class="ikoni"></div> <div class="citobs-title" id="citobs-title-linkki" data-i18n="mapControls_citobsSectionHeader">L盲het盲 havaintosi</div> </button> <button id="varoitukset-title-button" class="nav-item nav-link varoitukset-title-button" type="button" data-toggle="collapse" data-target="#varoitukset" data-parent="#navilayer" aria-expanded="false" aria-controls="varoitukset" disabled > <div class="ikoni"></div> <div class="varoitukset-title" id="varoitukset-title-linkki" data-i18n="mapControls_warningsSectionHeader"> Varoitukset </div> </button>  </nav> <div id="karttakontrolli_teemat" class="karttakontrolli teemat"> <button class="kontrollihead" type="button" data-toggle="collapse" data-target="#teemat" aria-expanded="false" aria-controls="teemat" > <div class="ikoni"></div> <div> <div class="kontrollititle teema-title" id="teema-title" data-i18n="mapControls_themesHeader">Teemat</div> <div class="kontrollisubtitle" id="teema-subtitle"></div> </div> </button> <div id="teemat" class="kontrollibody collapse"></div> </div> <div id="haku" class="karttakontrolli haku">  <label id="karttahaku" class="haku" ><button type="submit" id="dosearch" class="haku-submit" onClick="search_handleSearchItem_place()"> <i class="fa fa-search" aria-hidden="true"></i></button ><span class="sr-only haku-btn-teksti">Paikkahaku-painike</span></label ><input type="text" name="paikkahaku" id="searchField" placeholder="Etsi paikkaa" /><button id="dolocate" class="btn-locate"> <i class="fa fa-crosshairs" aria-hidden="true"></i><span class="sr-only paikannus-btn-teksti">Paikannus-painike</span> </button>  </div> <div id="osoitehakuarea" class="karttakontrolli haku" style="display: none">  <label id="osoitehaku" class="haku" ><button type="submit" id="dosearch_address" class="haku-submit" onClick="search_handleSearchItem_address()"> <i class="fa fa-search" aria-hidden="true"></i></button ><span class="sr-only haku-btn-teksti">Paikkahaku-painike</span></label ><input type="text" name="paikkahaku" id="searchField_address" placeholder="Hae osoitteella" />  </div>  <div id="karttakontrolli_tulvakartta" class="karttakontrolli tulvakarttatiedot" style="display: none"> </div>  <div id="karttakontrolli_kohdetiedot" class="karttakontrolli kohdetiedot" style="display: none"> <button class="kontrollihead" type="button" data-toggle="collapse" data-target="#kohdetiedot" aria-expanded="false" aria-controls="kohdetiedot" disabled > <div class="ikoni"></div> <div class="kontrollititle kohdetiedot-title" id="kohdetiedot-title" data-i18n="mapControls_infoSectionHeader"> Kohdetiedot </div> </button> <div id="kohdetiedot" class="kontrollibody collapse"></div> </div> <div id="karttakontrolli_citobs" class="karttakontrolli citobs"> <button class="kontrollihead" type="button" id="kontrolliheadCitobs" onClick="citobs_showModalForm()"> <div class="ikoni"></div> <div class="kontrollititle citobs-title" id="citobs-title" data-i18n="mapControls_citobsSectionHeader"> L盲het盲 oma havaintosi </div> </button> </div> <div id="karttakontrolli_varoitukset" class="karttakontrolli varoitukset"> <button class="kontrollihead" type="button" id="kontrolliheadVaroitukset" data-toggle="collapse" data-target="#varoitukset" aria-expanded="false" aria-controls="varoitukset" disabled > <div class="ikoni"></div> <div class="kontrollititle varoitukset-title" id="varoitukset-title" data-i18n="mapControls_warningsSectionHeader"> Varoitukset </div> </button> <div id="varoitukset" class="kontrollibody collapse"></div> </div> </div> <div class="map-column" style="position: relative"> <div id="mapcontainer" class="mapcontainer"> <div id="subContainer"> <div id="map" class="map"></div> </div> </div> <div id="modalLoadIndicator" class="modalLoadIndicator"> <div style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center"> <img src="img/loading.gif" style="height: 30px; display: block; position: relative; z-index: 10004" /> </div> </div> </div> </div> </div>  <div class="modal fade" id="CitobsModalCenter" role="dialog" data-backdrop="static" style="z-index: 10001">  <div class="modal-dialog modal-dialog" role="document"> <div class="modal-content" style="min-height: 500px"> <button type="button" class="legendWindowClose" onclick="citobs_hideModalForm()" style="top: 1px; right: 1px; background-color: white; z-index: 1004" ></button> <div id="CitobsModalHeader" class="modal-header" style="display: none; justify-content: center; width: 100%; color: #275a90; font-weight: 600" >  </div> <div id="CitobsModalBody" class="modal-body" style="margin-left: 10px; margin-right: 10px; height: 100%">  </div> <div style="display: flex; justify-content: center"> <div id="citobs_errorDiv" style="color: red"></div> </div>  <div id="citobs_stepIndicator" style="width: 100%; justify-content: center; display: none"> <div style="text-align: center; margin-top: 0px"> <span class="step active"></span> <span class="step"></span> <span class="step"></span> </div> </div> <div class="modal-footer" style="justify-content: space-between"> <button id="citobs_btnPrev" type="button" class="btn btn-primary" style="visibility: hidden" onclick="citobs_nextPrev(-1)" data-i18n="common_previous" > Edellinen </button>  <button id="citobs_btnNext" type="button" class="btn btn-primary" onclick="citobs_nextPrev(1)" data-i18n="common_next"> Seuraava </button> <button id="citobs_btnSubmit" type="button" class="btn btn-primary citobs_btnSubmit" style="display: none" onclick="citobs_submitModalForm()" data-i18n="common_send" > L盲het盲 </button> </div> </div> </div> </div>   <script type="text/javascript"> //<script> // load scripts based on the environment, then initialize map // env_loadEnvironment(env_initiateMap); /* t盲ll盲 saa navin kohteen "aktivoitua", vaikka ei olla oikeasti julkaisuj盲rjestelm盲n sivulla */ jQuery(document).ready(function(){ jQuery('#menu-item-1479').addClass('current-menu-item'); }); </script> <script src="//www.vesi.fi/wp-content/themes/syke_vesi_theme/js/popper.min.js"></script> <script src="//www.vesi.fi/wp-content/themes/syke_vesi_theme/js/bootstrap.min.js"></script>  <script src="js/ui-code__1741259677701.645.js"></script> <script> // load scripts based on the environment, then initialize map // env_loadEnvironment(env_initiateMap); </script> <script type="text/plain" data-consent="analytics" async="" data-src="https://www.googletagmanager.com/gtag/js?id=G-5CCXQJBBEP"></script> <script type="text/plain" data-consent="analytics"> window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', "G-5CCXQJBBEP"); console.log('gt conf'); </script> </body> </html>

CINXE.COM

vesi.fi-karttapalvelu