Skip to content

Instantly share code, notes, and snippets.

@elipousson
Last active March 25, 2016 15:10
Show Gist options
  • Save elipousson/f2c51e1db3f53e8d7359 to your computer and use it in GitHub Desktop.
Save elipousson/f2c51e1db3f53e8d7359 to your computer and use it in GitHub Desktop.
Baltimore Leadership School for Young Women: Civil Rights Heritage Walking Tour Route
license: Creative Commons Attribution
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Civil Rights Activism Walking Tours Map &middot; NCPH 2016 Conference</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.mapbox.com/mapbox.js/v2.2.1/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.2.1/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map'></div>
<!-- jQuery is required for this example. -->
<script src='https://code.jquery.com/jquery-1.11.0.min.js'></script>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoiYmFsdGltb3JlaGVyaXRhZ2UiLCJhIjoiYWYwYjRkZTI3NjBkMmM0MjA2YjcxYWE3MzI2NmRmYmYifQ.9DwCW0w7rlxljgOi0IbD1A';
var url = 'https://gist.githubusercontent.com/elipousson/f2c51e1db3f53e8d7359/raw/5f087ad010f5a1fde53b9cc9a0f670b68e3f4e64/2016-04-13-tour-route.geojson';
var map = L.mapbox.map('map', 'mapbox.streets', {
legendControl: {
position: 'bottomright'
}
}).setView([39.290385, -76.612189], 15);
function load() {
// Fetch just the contents of a .geojson file from GitHub by passing
// `application/vnd.github.v3.raw` to the Accept header
// As with any other AJAX request, this technique is subject to the Same Origin Policy:
// http://en.wikipedia.org/wiki/Same_origin_policy the server delivering the request should support CORS.
$.ajax({
headers: {
'Accept': 'application/vnd.github.v3.raw'
},
xhrFields: {
withCredentials: false
},
dataType: 'json',
url: url,
success: function(geojson) {
// On success add fetched data to the map.
L.mapbox.featureLayer(geojson).addTo(map);
}
});
}
$(load);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment