index.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  6. <meta name="description" content="" />
  7. <meta name="author" content="" />
  8. <title>RideLogic AVLS</title>
  9. <script src="js/jquery.js"></script>
  10. <script>
  11. </script>
  12. <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
  13. <link href="css/styles.css" rel="stylesheet" />
  14. <link rel="stylesheet" href="css/ol.css" type="text/css">
  15. <script src="js/ol.js"></script>
  16. <style>
  17. .map {
  18. width: 100%;
  19. height:500px;
  20. }
  21. .custom-zoom{
  22. top: .5em;
  23. right: .5em;
  24. }
  25. .custom-button {
  26. margin-left: .5em;
  27. margin-top: .5em;
  28. background-color: #bbb;
  29. border: none;
  30. color: black;
  31. padding: 15px 32px;
  32. text-align: center;
  33. opacity: 0.75;
  34. font-size: 16px;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <div class="d-flex" id="wrapper">
  40. <!-- Sidebar-->
  41. <div class="border-end bg-white" id="sidebar-wrapper" >
  42. <div class="sidebar-heading border-bottom bg-light">RideLogic AVLS</div>
  43. <div id='ui_route_list' class="list-group list-group-flush">
  44. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  45. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  46. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  47. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  48. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  49. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  50. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  51. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  52. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  53. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  54. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  55. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  56. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  57. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  58. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  59. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  60. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  61. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  62. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  63. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  64. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  65. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  66. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  67. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  68. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  69. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  70. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  71. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  72. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  73. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  74. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  75. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  76. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  77. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  78. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  79. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  80. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  81. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  82. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  83. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  84. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  85. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  86. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  87. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  88. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  89. <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Route ...</a>
  90. </div>
  91. </div>
  92. <!-- Page content wrapper-->
  93. <div id="page-content-wrapper">
  94. <div class="container-fluid">
  95. <div id="map" class="map">
  96. <div id="popup"></div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <script src="js/bootstrap.bundle.min.js"></script>
  102. <script src="js/pb2jsonlib.js"></script>
  103. <script src="js/RideLogicAVLS.js"></script>
  104. </body>
  105. </html>