clementinecomputing
/
RideLogicAVLS


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>RideLogic AVLS</title>

        <script src="js/jquery.js"></script>
        <script>
        </script>

        <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
        <link href="css/styles.css" rel="stylesheet" />


  <link rel="stylesheet" href="css/ol.css" type="text/css">
  <script src="js/ol.js"></script>
  <style>
    .map {
      width: 100%;
      height:500px;
      /* height:100%; */
    }   
    .custom-zoom{
        top: .5em;
        right: .5em;
    }
    .custom-button {
      margin-left: .5em;
      margin-top: .5em;
  background-color: #bbb; /* Green */
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  opacity: 0.75;
  /* text-decoration: none; */
  /* display: inline-block; */
  font-size: 16px;
    }
    </style>

    </head>

    <body>
        <div class="d-flex" id="wrapper">
            <!-- Sidebar-->
            <div class="border-end bg-white" id="sidebar-wrapper">
                <div class="sidebar-heading border-bottom bg-light">RideLogic AVLS</div>
                <div class="list-group list-group-flush">
                    <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">route0</a>
                    <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">route1</a>
                    <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">route2</a>
                    <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">route3</a>
                    <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">route4</a>
                    <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">route5</a>
                </div>
            </div>

            <!-- Page content wrapper-->
            <div id="page-content-wrapper">

                <div class="container-fluid">

                  <!-- <button class="btn" id="sidebarToggle" style='display:float;'>Toggle Menu</button> -->

                    <div id="map" class="map">
                      <div id="popup"></div>
                    </div>


                </div>
            </div>
        </div>
        <!-- Bootstrap core JS-->
        <script src="js/bootstrap.bundle.min.js"></script>
        <!-- <script src="js/scripts.js"></script> -->
        <script src="js/pb2jsonlib.js"></script>
        <script src="js/RideLogicAVLS.js"></script>
    </body>
</html>