32:T574,{ let maps = html`

`; yield maps; let minV = 280 let maxV = 350 let exag = 10 let map = new mapboxgl.Map({ container: 'map3d', style: { version: 8, sources: {}, layers: [] }, center: [-114.6101 , 55.8328], zoom: 10, pitch: 60, }); map.on('load', () => { map.addSource('mvt', { type: 'vector', url: 'https://landsat.remotepixel.ca/LC08_L1TP_044021_20190519_20190604_01_T1.json?bands=10&tile_size=128&tile_format=pbf&feature_type=polygon&access_token=GWsyEFHvqz5JvKQLAeo82i6J0OgXyfF531Y1bZWg' }); map.addLayer({ id: 'mvt', source: 'mvt', 'source-layer': 'landsat', type: 'fill-extrusion', paint: { 'fill-extrusion-opacity': 1, 'fill-extrusion-height': [ 'interpolate', ['linear'], ['to-number', ['get', 'Band_10']], minV, 0, maxV, maxV * exag ], 'fill-extrusion-color': [ 'interpolate', ['linear'], ['to-number', ['get', 'Band_10']], minV, '#3700f0', maxV, '#ed0707' ] } }) }) } 33:[] 30:{"title":"Using rio-tiler-mvt for enhanced raster visualization","cells":[{"id":0,"value":"md`# Using rio-tiler-mvt for enhanced raster visualization`","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"md`This is a natural color Landsat 8 image of Slave Lake Forest Area fire`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"{\n let maps = html`

`;\n\n yield maps;\n\n let map = new mapboxgl.Map({\n container: 'map',\n style: { version: 8, sources: {}, layers: [] },\n center: [-114.6101 , 55.8328],\n zoom: 10,\n });\n \n map.on('load', () => {\n map.addSource('raster', {\n type: 'raster',\n url: 'https://landsat.remotepixel.ca/LC08_L1TP_044021_20190519_20190604_01_T1.json?bands=4,3,2&color_formula=Gamma%20RGB%203.5%20Saturation%201.7%20Sigmoidal%20RGB%2015%200.35&access_token=GWsyEFHvqz5JvKQLAeo82i6J0OgXyfF531Y1bZWg',\n tileSize: 256\n })\n map.addLayer({\n id: 'raster',\n type: 'raster',\n source: 'raster',\n }) \n})\n} ","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"md`Using rio-tiler-mvt we can create 3d visualization of surface temperature derived from Landsat 8 thermal band 10` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoidmluY2VudHNhcmFnbyIsImEiOiJjamxwa3JkaWkwZ3BjM3dudmZmazQwYjI2In0.eUzks_hqH-QVIlnXUKmKsA\";\n const href = await require.resolve(\"mapbox-gl/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}