Last active
August 29, 2015 14:08
-
-
Save sethherr/532d1fdb0588437a40ee to your computer and use it in GitHub Desktop.
Portland bike thefts
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> | |
<title>Data Layer: Styling</title> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> | |
<meta charset="utf-8"> | |
<style> | |
html, body, #map-canvas { | |
height: 100%; | |
margin: 0px; | |
padding: 0px | |
} | |
</style> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> | |
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> | |
<script> | |
var map; | |
function initialize() { | |
// Create a simple map. | |
map = new google.maps.Map(document.getElementById('map-canvas'), { | |
zoom: 9, | |
center: {lat: 45.4184649, lng: -122.654422} | |
}); | |
// Load a GeoJSON from the same server as our demo. | |
map.data.loadGeoJson('https://bikewise.bikeindex.org/api/v1/locations?incident_types%5B%5D=theft&location=manhattan&all=true&proximity_width=1'); | |
} | |
google.maps.event.addDomListener(window, 'load', initialize); | |
</script> | |
</head> | |
<body> | |
<div id="map-canvas"></div> | |
<div id="legend-container"><h3>Legend</h3></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment