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> |