Built with blockbuilder.org
forked from wboykinm's block: ORI Draft, tiled and hosted on S3
license: mit |
Built with blockbuilder.org
forked from wboykinm's block: ORI Draft, tiled and hosted on S3
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset=utf-8 /> | |
<title>External map layers</title> | |
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
<script src='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js'></script> | |
<link href='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css' rel='stylesheet' /> | |
<style> | |
body { margin:0; padding:0; background: rgb(130,140,150) } | |
#map { position:absolute; top:0; bottom:0; width:100%; } | |
</style> | |
</head> | |
<body> | |
<div id='map'></div> | |
<script> | |
L.mapbox.accessToken = 'pk.eyJ1IjoidGhlbWFwc21pdGgiLCJhIjoiY2l6Ym1hYjlqMHF4ZDJ3cXBjZDc0ZmVhNSJ9.lfE1o_F6zR5JxdbGrbKyBQ'; | |
var map = L.mapbox.map('map',null,{ | |
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): | |
// THIS IS NOW THE BACKGROUND REFERENCE LAYER, NOT AN OVERLAY LAYER | |
var refLayer = L.mapbox.tileLayer('themapsmith.3d9208b3') | |
.addTo(map); | |
map.setView([67.730115, -164.547794], 13); | |
</script> | |
</body> | |
</html> |