index.html

---
layout: default
map: true
title: Bus routes in Bengaluru
---

<div class='col12 clearfix'>

  <div id='map' class=''></div>

  <div id='sidebar' class='col3 pad2 dark fill-navy pin-left'>

    <h1 class='fancy'><a href='#'>Bengaluru BMTC
        <span class='tagline'>Transit atlas</span></a>
    </h1>


    <p>Use the map to explore the <a href='https://www.mybmtc.com/'>BMTC</a> bus route network in Bengaluru.

    </p>
    <p>Location of bus stations and bus stops can be contributed to the <a href='https://www.openstreetmap.org/#map=13/12.9670/77.5870'>OpenStreetMap Project</a>. </p>

    <div data-map='legend'>

      <p id='feature-properties'></p>

      <!-- <h3>Issues</h3>

      <ul class="keyline-top space-bottom1">
        <li>
          <a data-map-layer='osmlint circle selfintersecting'  href="#" class="truncate strong bloxk small active" onclick='mapToggle(this);'>
              Self Intersecting Ways</a>
        </li>
        <li>
          <a data-map-layer='osmlint circle selfintersecting' href="#" class="truncate strong bloxk small" onclick='mapToggle(this);'>
              Unclosed Ways</a>
        </li>
        <li>
          <a data-map-layer='osmlint circle selfintersecting' href="#" class="truncate strong bloxk small" onclick='mapToggle(this);'>
              Bridge on node</a>
        </li>
      </ul>

    </div> -->

    <a href='{{site.project_repository}}' class='button short stroke quiet icon github'>About</a>

    <!-- <a href='{{site.project_repository}}' class='button short stroke quiet icon alert'>Site has issues..</a> -->

  </div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src={{ "/js/mapbox-gl-js-common.js" | prepend: site.baseurl }}></script>
<script type="text/javascript" src={{ "/js/map.js" | prepend: site.baseurl }}></script>