Looking at the Saskatchewan (delta?) via Mapbox Satellite
Other views:
Stamen Toner
Stamen Watercolor
Google Maps Satellite
Built with blockbuilder.org
forked from enjalot's block: WWSD #3: Getting started Mapbox-gl
Looking at the Saskatchewan (delta?) via Mapbox Satellite
Other views:
Stamen Toner
Stamen Watercolor
Google Maps Satellite
Built with blockbuilder.org
forked from enjalot's block: WWSD #3: Getting started Mapbox-gl
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset='utf-8' /> | |
<title></title> | |
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
<script src="//d3js.org/d3.v3.min.js"></script> | |
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.20.0/mapbox-gl.js'></script> | |
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.20.0/mapbox-gl.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> | |
<script> | |
mapboxgl.accessToken = 'pk.eyJ1IjoiZW5qYWxvdCIsImEiOiIzOTJmMjBiZmI2NGQ2ZjAzODhiMzhiOGI2MTI1YTk4YSJ9.sIOXXU3TPp5dLg_L3cUxhQ'; | |
var map = new mapboxgl.Map({ | |
container: 'map', | |
style: 'mapbox://styles/mapbox/satellite-v9', | |
center: [-100.7130313, 53.5234464], | |
zoom: 10 | |
}); | |
</script> | |
</body> | |
</html> |