Last active
February 26, 2018 15:03
-
-
Save bnorberg/1459c88e0ae4a924bd986f63b0dd4114 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
html, | |
body { | |
font-family: Arial, sans-serif; | |
height: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
#map { | |
height: 100%; | |
} | |
</style> | |
</head> | |
<body> | |
<div id="map"></div> | |
<script> | |
var map; | |
function initMap() { | |
// Constructor creates a new map - only center and zoom are required. | |
map = new google.maps.Map(document.getElementById('map'), { | |
center: {lat: [enter latitude of Duke U], lng: [enter longitude of Duke U]}, | |
zoom: 17, | |
styles: [ | |
{ | |
"elementType": "labels", | |
"stylers": [ | |
{ | |
"visibility": "on" | |
} | |
] | |
}, | |
{ | |
"featureType": "administrative.neighborhood", | |
"stylers": [ | |
{ | |
"visibility": "on" | |
} | |
] | |
}, | |
{ | |
"featureType": "road", | |
"stylers": [ | |
{ | |
"visibility": "on" | |
} | |
] | |
} | |
] | |
}); | |
var telecom = {lat: [enter latitude of Telecom Building], lng: [enter longitude of Telecom Building]}; | |
var marker = new google.maps.Marker({ | |
position: telecom, | |
map: map, | |
title: 'Here we are!' | |
}); | |
// Add geojson bike crash layer here. | |
} | |
</script> | |
<script async defer | |
src="https://maps.googleapis.com/maps/api/js?key=[enter_your_Google_api_key]&v=3&callback=initMap"> | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment