Skip to content

Instantly share code, notes, and snippets.

@elipousson

elipousson/index.html

Last active November 30, 2015 21:04
Show Gist options
  • Save elipousson/ec22b987c7b2cfad955e to your computer and use it in GitHub Desktop.
Save elipousson/ec22b987c7b2cfad955e to your computer and use it in GitHub Desktop.
Download ZIP
Confederate Monuments in Wyman Park Dell and Charles Village: Tour and Discussion (December 5, 2015 – Baltimore Heritage)
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Tour Map &middot; Confederate Monuments in Wyman Park Dell and Charles Village</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 = 'wyman-park-dell-confederate-memory.geojson';
var map = L.mapbox.map('map', 'mapbox.streets', {
legendControl: {
position: 'bottomright'
}
}).setView([39.327625, -76.617665], 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);
map.touchZoom.disable();
map.scrollWheelZoom.disable();
</script>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
wyman-park-dell-confederate-memory.geojson
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment