123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>staty | OSM Station Relationships</title>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
- <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
- <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script>
- <script src="leaflet-heat.js"></script>
- <style>
- body {
- padding: 0;
- margin: 0;
- font-family: sans-serif;
- }
- html, body {
- height: 100%;
- width: 100%;
- }
- #attr-tbl tr {
- background-color: #c0f7c0;
- }
- .stat-label {
- white-space: nowrap;
- background: transparent;
- }
- #attr-tbl .err-10 {
- background-color: #ff0000;
- }
- #attr-tbl .err-9 {
- background-color: #ff1010;
- }
- #attr-tbl .err-8 {
- background-color: #f92424;
- }
- #attr-tbl .err-7 {
- background-color: #f93838;
- }
- #attr-tbl .err-6 {
- background-color: #f56262;
- }
- #attr-tbl .err-5 {
- background-color: #f38484;
- }
- .attr-err-info {
- margin-top:5px;
- font-size: 13px;
- font-style: italic;
- }
- .leaflet-popup-content-wrapper {
- border-radius: 5px;
- }
- .leaflet-popup {left: -20px !important;}
- .leaflet-popup-tip-container {
- left: 20px;
- }
- .leaflet-popup-tip {
- box-shadow: none !important;
- }
- .leaflet-popup:before
- {
- content: "";
- position: absolute;
- border: 13px solid transparent;
- border-bottom-color: white;
- bottom: 0px;
- margin-left: -13px;
- }
- .attrval {
- font-weight: bold;
- }
- </style>
- </head>
- <body>
- <div id="map" style="width: 100%;height: 100%;"></div>
- <script src="script.js">
- </script>
- </body>
- </html>
|