Skip to content

Instantly share code, notes, and snippets.

@LouisaKB

LouisaKB/template.html

Created November 8, 2016 11:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save LouisaKB/f512eb281357b66812540ecd494376ce to your computer and use it in GitHub Desktop.
Save LouisaKB/f512eb281357b66812540ecd494376ce to your computer and use it in GitHub Desktop.
Download ZIP
Template
Raw
template.html
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet.js"></script>
</head>
<body onload="filter()">
<div id="sidebar" class="sidebar">
<div class="form-inline form-margin">
<div class="form-group">
<select onchange="filter()" id="travelTime" class="form-control">
<option value="30">30 minutes</option>
<option value="60">1 hour</option>
</select>
</div>
<div class="form-group">
<select onchange="filter()" id="transportMode" class="form-control">
<option value="public_transport">Public Transport</option>
<option value="driving">Car</option>
</select>
</div>
</div>
<ul id="listContainer" class="list-group"></ul>
</div>
<div id="results">
<div id="map" class="container"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment