Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Open Trail Map

Open Trail Map is a web application to view trails, bike paths and dirt roads in the OpenStreetMap database. It allows a user to search for any location in North America and then select a trail to view distances, elevation stats and an elevation profile.

for further information:


Open Trail Map


The entry point is index.html. To run the app, start a web server in this repository's directory with, for example:

python -m SimpleHTTPServer 8000

and then navigate to http://localhost:8000/# in a web browser


Open Trail Map is built on Leaflet in addition to some plugins and libraries:

These can be installed individually (if you do this, make sure that index.html points to the correct location for the files) or in one step with npm:

npm install

The following are also required, but they are loaded via a CDN, so they don't need to be installed separately:

Open Trail Map also uses Leaflet.Elevation to display the elevation profiles, but the (modified) code comes packaged with this project.

Map Components

Open Trail Map interacts with several service providers, some of which require a user account and a security key. #####Map tiles Leaflet can load map imagery from many locations with the L.tilelayer() command. For example, I used MapBox:

L.tileLayer('{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
	attribution: 'Map data &copy; <a href="">OpenStreetMap</a>, <a href="">CC-BY-SA</a>, Imagery &copy <a href="">Mapbox</a>',
	maxZoom: 18,
	accessToken: 'YOUR_TOKEN'

#####Google Maps API Open Trail Map also uses the Google Maps Javascript API to access geocoding and elevation data. This service requires an account and is loaded in the html:

<script src=""></script>


a web app to view Open Street Map trails and paths




No releases published


No packages published
You can’t perform that action at this time.