31:T448,{ let maps = html`

`; yield maps; let map = new mapboxgl.Map({ container: 'map', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); map.on('load', () => { let url = encodeURIComponent('https://s3.amazonaws.com/opendata.remotepixel.ca/sentinel-s1-l1c/{S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0,S1B_IW_GRDH_1SDV_20190426T225139_20190426T225207_015984_01E0AB_80C5,S1A_IW_GRDH_1SDV_20190502T225219_20190502T225244_027055_030C2D_CAA2}/iw-vh.tif') map.addSource('raster', { type: 'raster', url: `https://kbt3ysotx0.execute-api.eu-central-1.amazonaws.com/production/tilejson.json?url=${url}&&rescale=10,250`, tileSize: 256 }) map.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) }32:T641, { let maps = html`

`; yield maps; let beforeMap = new mapboxgl.Map({ container: 'before', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let afterMap = new mapboxgl.Map({ container: 'after', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let map = new compare(beforeMap, afterMap, {}); beforeMap.on('load', () => { beforeMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/iw-vh.tif&rescale=10,250', tileSize: 256 }) beforeMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) afterMap.on('load', () => { afterMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1B_IW_GRDH_1SDV_20190426T225139_20190426T225207_015984_01E0AB_80C5/iw-vh.tif&rescale=10,250', tileSize: 256 }) afterMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) } 33:T63a,{ let maps = html`

`; yield maps; let beforeMap = new mapboxgl.Map({ container: 'before2', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let afterMap = new mapboxgl.Map({ container: 'after2', style: { version: 8, sources: {}, layers: [] }, center: [-73.971 , 45.4569], zoom: 9 }); let map = new compare(beforeMap, afterMap, {}); beforeMap.on('load', () => { beforeMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/iw-vh.tif&rescale=10,250', tileSize: 256 }) beforeMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) afterMap.on('load', () => { afterMap.addSource('raster', { type: 'raster', url: 'https://cogeo.remotepixel.ca/tilejson.json?url=s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20190502T225219_20190502T225244_027055_030C2D_CAA2/iw-vh.tif&rescale=10,250', tileSize: 256 }) afterMap.addLayer({ id: 'raster', type: 'raster', source: 'raster', }) }) } 34:[] 2f:{"title":"Quebecflood2019_Sentinel1","cells":[{"id":55,"value":"md`# Quebecflood2019_Sentinel1`","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"md`#### Sentinel-1 VH - Multi Temporal\n- Red: 2018/09/04 \n- Green: 2019/04/26\n- Blue: 2019/05/02`","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"md`### How To`","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"md`\n # Download sentinel-1 scene\n $ aws s3 cp s3://sentinel-s1-l1c/GRD/2018/9/4/IW/DV/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/measurement/iw-vh.tiff . --request-payer\n \n # Apply thin plate spline transformer based on available GCPs and reproject image\n $ gdalwarp -tps -r bilinear -srcnodata 0 -dstnodata 0 iw-vh.tiff iw-vhc.tiff\n \n # Create proper Cloud Optimized Geotiff\n $ rio cogeo create iw-vhc.tiff iw-vh_cog.tiff --co zlevel=6\n\n # Upload to S3\n $ aws s3 cp iw-vh_cog.tiff s3://opendata.remotepixel.ca/sentinel-s1-l1c/S1A_IW_GRDH_1SDV_20180904T225220_20180904T225245_023555_0290BE_2FB0/iw-vh.tif --profile remotepixel --acl public-read\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":255,"value":"md`We then use [rio-tiler-glob](https://github.com/vincentsarago/rio-tiler-glob) to dynamically construct RGB tile image with the 3 scenes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":231,"value":"md`#### Sentinel-1 VH - 2018/09/04 vs 2019/04/26`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"md`#### Sentinel-1 VH - 2018/09/04 vs 2019/05/02`","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl\");\n const href = await require.resolve(\"mapbox-gl/dist/mapbox-gl.css\");\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"compare = require('https://bundle.run/mapbox-gl-compare@0.2.0')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}