CINXE.COM
Verbreitungskarte Info Flora
<!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"> <title>Verbreitungskarte Info Flora</title> <link rel="stylesheet" href="/resources/vendor/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="/resources/vendor/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css"> <link rel="stylesheet" href="/resources/vendor/typeahead.js-bootstrap3.less/typeaheadjs.css"> <link rel="stylesheet" href="/resources/js/ol4.0.1/ol.css"> <link rel="stylesheet" href="atlas.css"> <link rel="icon" type="image/x-icon" href="/resources/favicon.ico" /> <script> var map_type = "fullscreen"; var LANG = "de"; var layer_title = "Atlaskarten"; var last_update = "Letzte Datenaktualisierung"; var atlas_basic_symbology = "Einfach (nur zeitlicher Verlauf)"; var atlas_advanced_symbology = "Erweitert (zeitlicher Verlauf, Indigenat, Validierungsstatus)"; var atlas_count_symbology = "Anzahl Fundmeldungen"; var symbols_before_year = "Vor gew盲hltem Stichjahr"; var symbols_after_year = "Ab dem Stichjahr"; var symbols_before_and_after_year = "Vor und nach dem Stichjahr"; var symbols_form_title = "Form der Symbole"; var symbols_native = "Indigen (einheimisch)"; var symbols_reintroduced = "Wiederangesiedelt"; var symbols_notnative = "Eingef眉hrt / verwildert / subspontan"; var symbols_doubtful = "Unsicher / Fraglich"; var symbols_color_title = "Farbe der Symbole"; var symbols_validated = "Validierte Fundmeldungen"; var symbols_not_validated = "Noch nicht validierte Fundmeldungen"; var symbols_without_observation = "Meldungen aus dem Atlas Welten & Sutter (1982) und den Nachtr盲gen (1984, 1994), seither nicht best盲tigt"; var symbols_ws = "Meldungen aus dem Atlas Welten & Sutter (1982)"; var symbols_ws_supplements_1 = "Vorkommen aus den Nachtr盲gen 1984"; var symbols_ws_supplements_2 = "Vorkommen aus den Nachtr盲gen 1994"; var symbols_ws_high = "Bergfl盲chen"; var symbols_ws_low = "Talfl盲chen"; var symbols_ws_frequent = "reichliches oder h盲ufiges Vorkommen"; var symbols_ws_rare = "sp盲rliches oder seltenes Vorkommen"; var symbols_ws_herbarium = "Angaben aus Herbarien"; var symbols_ws_litterature = "Angaben aus der Literatur"; var symbols_count_title = "Anzahl Fundmeldungen"; var symbols_count_less = "Weniger als der gew盲hlte Schwellenwert"; var symbols_count_more = "Soviel oder mehr als der gew盲hlte Schwellenwert"; var threshold_year = "Stichjahr"; var threshold_count = "Schwellenwert f眉r Anzahl Meldungen"; var specimen_available = "Beleg verf眉gbar"; var valided_with_specimen = "Validiert mit einem Beleg"; var legend_unavailable = "Legende nicht verf眉gbar"; var legend_0 = "Angaben aus der Literatur gem盲ss der Originalpublikation."; var legend_1 = "Angaben aus Herbarien gem盲ss der Originalpublikation."; var legend_2 = "Selten gem盲ss der Originalpublikation."; var legend_3 = "H盲ufig gem盲ss der Originalpublikation."; var legend_4 = "Vorhanden gem盲ss den Nachtr盲gen von 1984."; var legend_5 = "Vorhanden gem盲ss den Nachtr盲gen von 1994."; var legend_30 = "Literaturangaben gem盲ss der Originalpublikation. Eingef眉hrtes Vorkommen."; var legend_31 = "Angaben aus Herbarien gem盲ss der Originalpublikation. Eingef眉hrtes Vorkommen."; var legend_32 = "Selten gem盲ss der Originalpublikation. Eingef眉hrtes Vorkommen."; var legend_33 = "H盲ufig gem盲ss der Originalpublikation. Eingef眉hrtes Vorkommen."; var legend_34 = "Vorhanden gem盲ss den Nachtr盲gen von 1984. Eingef眉hrtes Vorkommen."; var legend_35 = "Vorhanden gem盲ss den Nachtr盲gen von 1994. Eingef眉hrtes Vorkommen."; var legend_50 = "Angaben aus der Literatur gem盲ss der Originalpublikation. Zweifelhafte Angaben."; var legend_51 = "Angaben aus Herbarien gem盲ss der Originalpublikation. Zweifelhafte Angaben."; var legend_52 = "Selten gem盲ss der Originalpublikation. Zweifelhafte Angaben."; var legend_53 = "H盲ufig gem盲ss der Originalpublikation. Zweifelhafte Angaben."; var legend_54 = "Vorhanden gem盲ss den Nachtr盲gen von 1984. Zweifelhafte Angaben."; var legend_55 = "Vorhanden gem盲ss den Nachtr盲gen von 1994. Zweifelhafte Angaben."; </script> <script src="/resources/vendor/jquery/jquery-2.2.4.min.js"></script> <script src="/resources/vendor/bootstrap/dist/js/bootstrap.min.js"></script> <script src="/resources/vendor/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script> <script src="/resources/vendor/corejs-typeahead/dist/typeahead.bundle.min.js"></script> <script src="/resources/js/proj4js-v2/proj4.js"></script> <script src="/resources/js/proj4js-v2/21781.js"></script> <script src="/resources/js/ol4.0.1/ol.js"></script> <script src="/resources/js/jspdf/1.3.4/jspdf.min.js"></script> <script src="/resources/config.js"></script> <script src="atlas_oauth.js"></script> <script src="atlas_map.js"></script> <script src="atlas_standalone.js"></script> <script src="atlas_pdf.js"></script> <script src="atlas_expertise.js"></script> </head> <body> <div class="container-fluid"> <div class="row-fluid"> <div class="col-md-3"> <div id="standalonetitle" class="media"> <div class="media-left media-top"> <a id="websiteInfoFloraLink" href="https://www.infoflora.ch/"> <img class="media-object" src="/resources/images/logo.gif" alt="漏 Info Flora"> </a> </div> <div class="media-body"> <h4 class="media-heading">Verbreitungskarte</h4> <div id="lastModified" class="small">Letzte Datenaktualisierung: <span></span></div> </div> </div> <div> <button id="export-pdf" class="btn btn-primary btn-sm" style = "margin:0 5px 10px 0;">Export PDF</button> <button id="export-img" class="btn btn-primary btn-sm" style = "margin:0 5px 10px 0;">Export JPG</button> <button id="expert-mode" class="btn btn-danger btn-sm" style = "margin:0 5px 10px 0;display:none">Expertise</button> <button id="expert-eco" class="btn btn-default btn-sm" style = "margin:0 5px 10px 0;display:none">ECO</button> <button id="expert-geo" class="btn btn-default btn-sm" style = "margin:0 5px 10px 0;display:none">GEO</button> </div> <form> <div id="inputname-container" class="input-group"> <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span> <input name='n' type='search' id='inputname' class="form-control typeahead-taxons" placeholder="Taxon ausw盲hlen" autocomplete="off"/> <span class="input-group-btn"><button id="clear-taxon" class="btn btn-default" type="button"><b>X</b></button></span> </div> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingAtlasLayer"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#atlasLayer" aria-expanded="false" aria-controls="atlasLayer"> Atlaskarten <span class="glyphicon glyphicon-chevron-down pull-right"></span> </a> </h4> </div> <div id="atlasLayer" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingAtlasLayer"> <div class="panel-body"> <h5>Legendenauswahl</h5> <div class="radio"> <label> <input type="radio" name="symbolization" id="symbolization0" value="simple"> Einfach (nur zeitlicher Verlauf) </label> </div> <div class="radio"> <label> <input type="radio" name="symbolization" id="symbolization1" value="advanced" checked> Erweitert (zeitlicher Verlauf, Indigenat, Validierungsstatus) </label> </div> <div class="radio"> <label> <input type="radio" name="symbolization" id="symbolization2" value="count"> Anzahl Fundmeldungen </label> </div> <h5>Kartenauswahl (Atlastyp)</h5> <div class="radio"> <label> <input type="radio" name="atlaslayer" id="layer0" value="11" checked> Atlas 5x5 km (Gitternetz) </label> </div> <div class="radio"> <label> <input type="radio" name="atlaslayer" id="layer1" value="12"> Atlas Welten & Sutter (naturr盲umliche Fl盲chen) </label> </div> <div class="radio"> <label> <input type="radio" name="atlaslayer" id="layer2" value="27"> Atlas Welten & Sutter (original) </label> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingBaseLayer"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#baseLayer" aria-expanded="false" aria-controls="baseLayer"> Grundkarte <span class="glyphicon glyphicon-chevron-down pull-right"></span> </a> </h4> </div> <div id="baseLayer" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingBaseLayer"> <div class="panel-body"> <div class="radio"> <label> <input type="radio" name="baselayer" id="baselayer0" value="simple" checked="checked"> Seen, Fl眉sse und Gebiete oberhalb der Waldgrenze </label> </div> <div class="radio"> <label> <input type="radio" name="baselayer" id="baselayer3" value="relief"> Seen, Fl眉sse und Gel盲nderelief </label> </div> <div class="radio"> <label> <input type="radio" name="baselayer" id="baselayer1" value="pktlm3d"> Topografisches Landschaftsmodell </label> </div> <div class="radio"> <label> <input type="radio" name="baselayer" id="baselayer2" value="pkcolor"> Schweizerische Landeskarten </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="biogeo" value="biogeo"> Biogeografische Regionen </label> </div> <label>Transparenz</label> <input class="opacity" type="range" min="0" max="1" step="0.01"> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingSymbolization"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#atlasSymbolization" aria-expanded="true" aria-controls="atlasSymbolization"> Legenden <span class="glyphicon glyphicon-chevron-down pull-right"></span> </a> </h4> </div> <div id="atlasSymbolization" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSymbolization"> <div class="panel-body" id="atlasSymbolisationClassic"> <h4>Einfach</h4> <table class="table"> <tr> <td><img id="atlas-1" src="/resources/images/atlas/atlas-1.svg" /></td> <td>Vor gew盲hltem Stichjahr</td> </tr> <tr> <td><img id="atlas-101" src="/resources/images/atlas/atlas-101.svg" /></td> <td>Ab dem Stichjahr</td> </tr> <tr> <td><img id="atlas-201" src="/resources/images/atlas/atlas-201.svg" /></td> <td>Vor und nach dem Stichjahr</td> </tr> </table> <h4>Erweitert</h4> <table class="table"> <tr> <th colspan="2">Form der Symbole</th> </tr> <tr> <td class="text-center"><img id="atlas-3" src="/resources/images/atlas/atlas-3.svg" /><img id="atlas-13" src="/resources/images/atlas/atlas-13.svg" /><img id="atlas-23" src="/resources/images/atlas/atlas-23.svg" /><img id="atlas-33" src="/resources/images/atlas/atlas-33.svg" /></td> <td>Vor gew盲hltem Stichjahr</td> </tr> <tr> <td class="text-center"><img id="atlas-103" src="/resources/images/atlas/atlas-103.svg" /><img id="atlas-113" src="/resources/images/atlas/atlas-113.svg" /><img id="atlas-123" src="/resources/images/atlas/atlas-123.svg" /><img id="atlas-133" src="/resources/images/atlas/atlas-133.svg" /></td> <td>Ab dem Stichjahr</td> </tr> <tr> <td class="text-center"><img id="atlas-3" src="/resources/images/atlas/atlas-3.svg" /><img id="atlas-103" src="/resources/images/atlas/atlas-103.svg" /></td> <td>Indigen (einheimisch)</td> </tr> <tr> <td class="text-center"><img id="atlas-13" src="/resources/images/atlas/atlas-13.svg" /><img id="atlas-113" src="/resources/images/atlas/atlas-113.svg" /></td> <td>Wiederangesiedelt</td> </tr> <tr> <td class="text-center"><img id="atlas-23" src="/resources/images/atlas/atlas-23.svg" /><img id="atlas-123" src="/resources/images/atlas/atlas-123.svg" /></td> <td>Eingef眉hrt / verwildert / subspontan</td> </tr> <tr> <td class="text-center"><img id="atlas-33" src="/resources/images/atlas/atlas-33.svg" /><img id="atlas-133" src="/resources/images/atlas/atlas-133.svg" /></td> <td>Unsicher / Fraglich</td> </tr> </table> <table class="table"> <tr> <th colspan="2">Farbe der Symbole</th> </tr> <tr> <td class="text-center"><img id="atlas-green" src="/resources/images/atlas/atlas-green.png" /></td> <td>Validierte Fundmeldungen</td> </tr> <tr> <td class="text-center"><img id="atlas-purple" src="/resources/images/atlas/atlas-purple.png" /></td> <td>Noch nicht validierte Fundmeldungen</td> </tr> <tr> <td class="text-center"><img id="atlas-grey" src="/resources/images/atlas/atlas-grey.png" /></td> <td>Meldungen aus dem Atlas Welten & Sutter (1982) und den Nachtr盲gen (1984, 1994), seither nicht best盲tigt</td> </tr> </table> <h4>Anzahl Fundmeldungen</h4> <table class="table"> <tr> <td><img id="atlas-1001" src="/resources/images/atlas/atlas-1001.png" /></td> <td>Weniger als der gew盲hlte Schwellenwert</td> </tr> <tr> <td><img id="atlas-1002" src="/resources/images/atlas/atlas-1002.png" /></td> <td>Soviel oder mehr als der gew盲hlte Schwellenwert</td> </tr> </table> </div> <div class="panel-body" id="atlasSymbolisationWSOriginal"> <table class="table"> <tr> <th colspan="2">Form der Symbole</th> </tr> <tr> <td>Talfl盲chen</td> <td>Bergfl盲chen</td> <td></td> </tr> <tr> <td><img id="atlas-104" src="/resources/images/atlas/atlas-104.png" /></td> <td><img id="atlas-117" src="/resources/images/atlas/atlas-118.png" /></td> <td>reichliches oder h盲ufiges Vorkommen</td> </tr> <tr> <td><img id="atlas-103" src="/resources/images/atlas/atlas-103.svg" /></td> <td><img id="atlas-118" src="/resources/images/atlas/atlas-117.png" /></td> <td>sp盲rliches oder seltenes Vorkommen</td> </tr> <tr> <td></td> <td><strong>H</strong></td> <td>Angaben aus Herbarien</td> </tr> <tr> <td></td> <td><strong>L</strong></td> <td>Angaben aus der Literatur</td> </tr> </table> <table class="table"> <tr> <th colspan="2">Farbe der Symbole</th> </tr> <tr> <td class="text-center"><img id="atlas-black" src="/resources/images/atlas/atlas-black.png" /></td> <td>Meldungen aus dem Atlas Welten & Sutter (1982)</td> </tr> <tr> <td class="text-center"><img id="atlas-green" src="/resources/images/atlas/atlas-green.png" /></td> <td>Vorkommen aus den Nachtr盲gen 1984</td> </tr> <tr> <td class="text-center"><img id="atlas-blue" src="/resources/images/atlas/atlas-blue.png" /></td> <td>Vorkommen aus den Nachtr盲gen 1994</td> </tr> </table> </div> </div> </div> </div> </form> <button id="login-staff" class="btn btn-default btn-sm" style = "margin:0 10px 10px 0;display:none;">Staff only</button> <button id="logout-staff" class="btn btn-default btn-sm" style = "margin:0 10px 10px 0;display:none;">Logout</button> </div> <div class="col-md-9"> <div id="atlas"></div> <input id="yearslider" type="number" placeholder="Stichjahr" /> <input id="countslider" type="number" placeholder="Schwellenwert f眉r Anzahl Meldungen" /> </div> </div> </div> <div class="modal" id="popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-atlas" role="document" id="popup-win"> <div class="modal-content"> <div class="modal-body" id="expertise-modal-ws-original"></div> <div class="modal-body" id="expertise-modal"> <form id="expertise-form" class="form-horizontal"> <div class="container-fluid" style="padding:0"> <div class="form-group"> <div class="col-md-6"> <label>Bestimmung</label> </div> <div class="col-md-6"> <label>Einf眉hrung</label> </div> <div class="col-md-6"> <div class="input-group"> <input name='d' type='search' id='input-doubt' class="form-control input-doubt" placeholder="-" autocomplete="off"/> <span class="input-group-btn"> <button class="btn btn-default" type="button" id='clear-doubt'><b>X</b></button> </span> </div> </div> <div class="col-md-6"> <div class="input-group"> <input name='n' type='search' id='input-intro' class="form-control input-intro" placeholder="-" autocomplete="off"/> <span class="input-group-btn"> <button class="btn btn-default" type="button" id='clear-intro'><b>X</b></button> </span> </div> </div> </div> <div id="expertise-message" class="alert alert-warning" role="alert" style="height:35px;padding:6px;margin:15px 0 15px 0;display:none"> - </div> <div class="form-group"> <div class="col-md-2 col-md-offset-2"> <button id="expertise-ok" type="button" class="btn btn-success btn-sm" style="width:80px">Ok</button> </div> <div class="col-md-2 col-md-offset-3"> <button id="expertise-cancel" type="button" class="btn btn-default btn-sm" style="width:80px">Abbrechen</button> </div> </div> </div> </form> <div id="observers-list" style="max-height:300px;overflow:auto"> <table class="table table-striped table-hover table-condensed" > <tbody> <tr> <th>Beobachter</th> <th class="text-center">Erste</th> <th class="text-center">Letzte</th> <th class="text-center">Anzahl</th> </tr> </tbody> </table> </div> </div> </div> </div> </div> <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','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-34431570-2', 'auto'); ga('send', 'pageview'); </script> </body> </html>