Built with blockbuilder.org
forked from wboykinm's block: ORI Draft, tiled and hosted on S3
forked from TheMapSmith's block: ORI Final, tiled and hosted on S3
license: mit |
Built with blockbuilder.org
forked from wboykinm's block: ORI Draft, tiled and hosted on S3
forked from TheMapSmith's block: ORI Final, tiled and hosted on S3
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset=utf-8 /> | |
<title>Kivalina Leaflet Example</title> | |
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js" | |
integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg==" | |
crossorigin=""></script><link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" | |
integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ==" | |
crossorigin=""/><style> | |
body { margin:0; padding:0; } | |
#map { position:absolute; top:0; bottom:0; width:100%; } | |
</style> | |
</head> | |
<body> | |
<div id='map'></div> | |
<script> | |
var map = L.map('map',{ | |
maxZoom: 17 | |
}) | |
var oriLayer = L.tileLayer('https://s3.amazonaws.com/kivalina-terrain/{z}/{x}/{y}.png', { | |
attribution: 'Map tiles by UVM SAL. Data by <a href="https://lta.cr.usgs.gov/ifsar_ori">USGS AMI</a>.' | |
}).addTo(map); | |
// MAPSMITH PLUGS IN REFERENCE LAYER URL HERE (AND TWEAKS OPACITY ACCORDINGLY): | |
var refLayer = | |
L.tileLayer('https://a.tiles.mapbox.com/v4/landplanner.a5aeec7d/{z}/{x}/{y}@2x.png?access_token=pk.eyJ1IjoibGFuZHBsYW5uZXIiLCJhIjoicUtlZGgwYyJ9.UFYz8MD4lI4kIzk9bjGFvg',{ | |
opacity: 0.8 | |
}) | |
.addTo(map); | |
map.setView([67.730115, -164.547794], 13); | |
</script> | |
</body> | |
</html> |