index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>perronkanten | OSM Station Relationships</title>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
  8. <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
  9. <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script>
  10. <script src="leaflet-heat.js"></script>
  11. <style>
  12. body {
  13. padding: 0;
  14. margin: 0;
  15. font-family: sans-serif;
  16. }
  17. html, body {
  18. height: 100%;
  19. width: 100%;
  20. }
  21. #attr-tbl tr {
  22. background-color: #c0f7c0;
  23. }
  24. .stat-label {
  25. white-space: nowrap;
  26. background: transparent;
  27. }
  28. #attr-tbl .err-10 {
  29. background-color: #ff0000;
  30. }
  31. #attr-tbl .err-9 {
  32. background-color: #ff1010;
  33. }
  34. #attr-tbl .err-8 {
  35. background-color: #f92424;
  36. }
  37. #attr-tbl .err-7 {
  38. background-color: #f93838;
  39. }
  40. #attr-tbl .err-6 {
  41. background-color: #f56262;
  42. }
  43. #attr-tbl .err-5 {
  44. background-color: #f38484;
  45. }
  46. .attr-err-info {
  47. margin-top:5px;
  48. font-size: 13px;
  49. font-style: italic;
  50. }
  51. .leaflet-popup-content-wrapper {
  52. border-radius: 5px;
  53. }
  54. .leaflet-popup {left: -20px !important;}
  55. .leaflet-popup-tip-container {
  56. left: 20px;
  57. }
  58. .leaflet-popup-tip {
  59. box-shadow: none !important;
  60. }
  61. .leaflet-popup:before
  62. {
  63. content: "";
  64. position: absolute;
  65. border: 13px solid transparent;
  66. border-bottom-color: white;
  67. bottom: 0px;
  68. margin-left: -13px;
  69. }
  70. .attrval {
  71. font-weight: bold;
  72. }
  73. </style>
  74. </head>
  75. <body>
  76. <div id="map" style="width: 100%;height: 100%;"></div>
  77. <script src="script.js">
  78. </script>
  79. </body>
  80. </html>