Skip to content

Instantly share code, notes, and snippets.

@elipousson
Last active January 4, 2017 09:34
Show Gist options
  • Save elipousson/c23f7d9afe6163d68902 to your computer and use it in GitHub Desktop.
Save elipousson/c23f7d9afe6163d68902 to your computer and use it in GitHub Desktop.
Baltimore Civil Rights Activism: Walking Tour for NCPH 2016
license: Creative Commons Attribution
Display the source blob
Display the rendered blob
Raw
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "lodging",
"title": "Renaissance Baltimore Harborplace Hotel"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61171615123749,
39.28685220785782
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "monument",
"title": "McKeldin Fountain"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61287486553192,
39.28626262393977
]
}
},
{
"type": "Feature",
"properties": {
"stroke": "#555555",
"stroke-width": 2,
"stroke-opacity": 1,
"title": "Walking tour route"
},
"geometry": {
"type": "LineString",
"coordinates": [
[
-76.61217212677002,
39.286657064434465
],
[
-76.6124564409256,
39.290522463720166
],
[
-76.61521911621094,
39.290389607135
],
[
-76.61581456661224,
39.29048509783107
],
[
-76.6168177127838,
39.29047679429745
],
[
-76.61639392375946,
39.291402632230245
],
[
-76.61731660366058,
39.29166834130449
],
[
-76.61864697933197,
39.29160191413044
],
[
-76.6201114654541,
39.29150227325126
],
[
-76.62022948265076,
39.29153963859757
],
[
-76.62107169628143,
39.291485666424265
],
[
-76.62100195884705,
39.290377151817225
],
[
-76.61954283714294,
39.29041866953457
],
[
-76.61942481994629,
39.289347504552644
],
[
-76.6137707233429,
39.28961322142512
],
[
-76.61354541778564,
39.28650759250841
]
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "cafe",
"title": "Read's Drug Store"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.6193175315857,
39.291402632230245
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "shop",
"title": "Stewart's"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61923170089722,
39.29181365052803
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "shop",
"title": "Hutzler's Department Store"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61991834640503,
39.29205029633232
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "cafe",
"title": "Schulte-United"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61851823329926,
39.29143169420932
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "commercial",
"title": "10 Light Street"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.6141140460968,
39.2892312531039
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "monument",
"title": "Battle Monument"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61239743232727,
39.290663623565706
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "police",
"title": "Clarence M. Mitchell, Jr. Courthouse",
"street_address": "100 North Calvert Street"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61369562149046,
39.29076741738824
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "commercial",
"title": "Charles Center"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.6163295507431,
39.290796479631
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "town-hall",
"title": "Baltimore Arena"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61872744560242,
39.289040268162
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "theatre",
"title": "Ford's Theatre (site)"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.6206157207489,
39.29054322253884
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "theatre",
"title": "Hippodrome Theatre"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.62117898464203,
39.28981250841782
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "restaurant",
"title": "Hooper's Restaurant (site)"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61399602890015,
39.289675498671265
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "suitcase",
"title": "Phoenix Law Office (site)"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61353468894957,
39.288907408764764
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "lodging",
"title": "Lord Baltimore Hotel"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61610424518585,
39.28964228414689
]
}
},
{
"type": "Feature",
"properties": {
"marker-color": "#7e7e7e",
"marker-size": "medium",
"marker-symbol": "garden",
"title": "Preston Gardens"
},
"geometry": {
"type": "Point",
"coordinates": [
-76.61391019821167,
39.29125732215378
]
}
}
]
}
<!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/c23f7d9afe6163d68902/raw/47093e9351f9b76898bdd4d2b90b93be107d92a1/civil-rights-activism-tour-map.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