Built with blockbuilder.org
forked from anonymous's block: fresh block
license: mit |
Built with blockbuilder.org
forked from anonymous's block: fresh block
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> | |
<style> | |
html, body, #map { | |
width: 100%; | |
height: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
.stations, .stations svg { | |
position: absolute; | |
} | |
.stations svg { | |
width: 60px; | |
height: 20px; | |
padding-right: 100px; | |
font: 10px sans-serif; | |
} | |
.stations circle { | |
fill: brown; | |
stroke: black; | |
stroke-width: 1.5px; | |
} | |
</style> | |
<div id="map"></div> | |
<script src="//maps.google.com/maps/api/js?sensor=true"></script> | |
<script src="//d3js.org/d3.v3.min.js"></script> | |
<script> | |
// Create the Google Map… | |
var map = new google.maps.Map(d3.select("#map").node(), { | |
zoom: 6, | |
center: new google.maps.LatLng(-37, -62), | |
mapTypeId: google.maps.MapTypeId.SATELLITE | |
}); | |
//Load in GeoJSON data | |
map.data.loadGeoJson('provincia.geojson'); | |
// Set the stroke width, and fill color for each polygon | |
map.data.setStyle({ | |
fillColor: 'yellow', | |
strokeWeight: 1 | |
}); | |
</script> |