Skip to content

Instantly share code, notes, and snippets.

@clhenrick

clhenrick/.block

Created May 18, 2017 18:24
Show Gist options
  • Save clhenrick/503cef3a1eee480e922ab531f2b7e324 to your computer and use it in GitHub Desktop.
Save clhenrick/503cef3a1eee480e922ab531f2b7e324 to your computer and use it in GitHub Desktop.
Download ZIP
raster data test with mapbox
Raw
.block
license: mit
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"
integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg=="
crossorigin=""></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
#map {
height: 100vh;
width: 100vw;
background: #fff;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map').setView([0, 0], 1);
L.tileLayer('https://api.mapbox.com/styles/v1/canopyplanet/cj2uptbi800302ro8702brzdi/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1IjoiY2Fub3B5cGxhbmV0IiwiYSI6ImNqMnM1NnZtYjAwMTEycXFjeGdlMGw5bXoifQ.e0pbW8kGrHxE9mNNVBCP9Q', {
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
maxZoom: 18
}).addTo(map);
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment