forked from scanny/python-pptx
-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathtest.html
More file actions
1 lines (1 loc) · 14.7 KB
/
test.html
File metadata and controls
1 lines (1 loc) · 14.7 KB
1
<html><head><title>Earth Engine Video 2 Script </title><meta content="text/html; charset=UTF-8" http-equiv="content-type"><style type="text/css">.lst-kix_bxqvfxgbxx2o-0>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-0,decimal) ". "}.lst-kix_bxqvfxgbxx2o-1>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-1,lower-latin) ". "}ol.lst-kix_bxqvfxgbxx2o-1.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-1 0}.lst-kix_bxqvfxgbxx2o-8>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-8}.lst-kix_bxqvfxgbxx2o-3>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-3,decimal) ". "}.lst-kix_bxqvfxgbxx2o-5>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-5}ol.lst-kix_bxqvfxgbxx2o-8.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-8 0}ol.lst-kix_bxqvfxgbxx2o-6.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-6 0}ol.lst-kix_bxqvfxgbxx2o-3.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-3 0}.lst-kix_bxqvfxgbxx2o-2>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-2,lower-roman) ". "}ol.lst-kix_bxqvfxgbxx2o-2{list-style-type:none}ol.lst-kix_bxqvfxgbxx2o-3{list-style-type:none}.lst-kix_bxqvfxgbxx2o-3>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-3}ol.lst-kix_bxqvfxgbxx2o-4{list-style-type:none}ol.lst-kix_bxqvfxgbxx2o-4.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-4 0}ol.lst-kix_bxqvfxgbxx2o-5{list-style-type:none}ol.lst-kix_bxqvfxgbxx2o-6{list-style-type:none}ol.lst-kix_bxqvfxgbxx2o-7{list-style-type:none}.lst-kix_bxqvfxgbxx2o-0>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-0}ol.lst-kix_bxqvfxgbxx2o-8{list-style-type:none}.lst-kix_bxqvfxgbxx2o-7>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-7}ol.lst-kix_bxqvfxgbxx2o-2.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-2 0}.lst-kix_bxqvfxgbxx2o-1>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-1}.lst-kix_bxqvfxgbxx2o-4>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-4}ol.lst-kix_bxqvfxgbxx2o-0{list-style-type:none}ol.lst-kix_bxqvfxgbxx2o-1{list-style-type:none}ol.lst-kix_bxqvfxgbxx2o-7.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-7 0}.lst-kix_bxqvfxgbxx2o-6>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-6}.lst-kix_bxqvfxgbxx2o-8>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-8,lower-roman) ". "}.lst-kix_bxqvfxgbxx2o-7>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-7,lower-latin) ". "}ol.lst-kix_bxqvfxgbxx2o-0.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-0 0}.lst-kix_bxqvfxgbxx2o-2>li{counter-increment:lst-ctn-kix_bxqvfxgbxx2o-2}.lst-kix_bxqvfxgbxx2o-4>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-4,lower-latin) ". "}.lst-kix_bxqvfxgbxx2o-5>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-5,lower-roman) ". "}ol.lst-kix_bxqvfxgbxx2o-5.start{counter-reset:lst-ctn-kix_bxqvfxgbxx2o-5 0}.lst-kix_bxqvfxgbxx2o-6>li:before{content:"" counter(lst-ctn-kix_bxqvfxgbxx2o-6,decimal) ". "}ol{margin:0;padding:0}.c6{border-right-style:solid;padding:5pt 5pt 5pt 5pt;border-bottom-color:#000000;border-top-width:1pt;border-right-width:1pt;border-left-color:#000000;vertical-align:top;border-right-color:#000000;border-left-width:1pt;border-top-style:solid;border-left-style:solid;border-bottom-width:1pt;width:234pt;border-top-color:#000000;border-bottom-style:solid}.c3{color:#000000;font-weight:normal;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal}.c0{padding-top:0pt;padding-bottom:0pt;line-height:1.0;orphans:2;widows:2;text-align:left;direction:ltr}.c1{orphans:2;widows:2;direction:ltr;height:11pt}.c2{orphans:2;widows:2;direction:ltr}.c7{border-collapse:collapse;margin-right:auto}.c8{background-color:#ffffff;max-width:468pt;padding:72pt 72pt 72pt 72pt}.c5{height:11pt}.c4{height:0pt}.title{padding-top:0pt;color:#000000;font-size:21pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:13pt;padding-bottom:10pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:"Arial"}p{margin:0;color:#000000;font-size:11pt;font-family:"Arial"}h1{padding-top:10pt;color:#000000;font-size:16pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:10pt;color:#000000;font-weight:bold;font-size:13pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:8pt;color:#666666;font-weight:bold;font-size:12pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:8pt;color:#666666;text-decoration:underline;font-size:11pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:8pt;color:#666666;font-size:11pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:8pt;color:#666666;font-size:11pt;padding-bottom:0pt;font-family:"Trebuchet MS";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}</style></head><body class="c8"><p class="c2"><span>Earth Engine Video 2 Script</span></p><p class="c1"><span></span></p><p class="c1"><span></span></p><a href="#" name="1b0c594a1e78f4c188a88ca65f217e4168ec9538"></a><a href="#" name="0"></a><table cellpadding="0" cellspacing="0" class="c7"><tbody><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0 c5"><span class="c3"></span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 1</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Hi, I’m Dave Thau, from the Google Earth Engine Team. In this tutorial we'll see how to retrieve an image from the Earth Engine catalog and display it on a map. The first step is to find the ID of the data you'd like to display. </span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0 c5"><span class="c3"></span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 2</span></p><p class="c0"><span class="c3">Live:</span></p><p class="c0"><span class="c3">ee-api.appspot.com, signed in with demo.earth.engine account, and the text font large</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">One way is to type the kind of data you're looking for into the text box on top of the screen. Let's find some elevation data. Here you can see the different kinds of elevation data we have. I'll choose SRTM version four, and a screen opens up describing the dataset. On the bottom of that screen you'll see an image ID. This is the string we'll use to refer to this dataset. I'll select it and copy it and close the window. And then I'll call this image up in the development environment.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 3</span></p><p class="c0"><span class="c3">Live:</span></p><p class="c0"><span class="c3">Type elevation into the search bar. Then choose SRTM Digital Elevation Data Version 4</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Here is the code I'll use to access the image and display it on a map. You'll see that the first line creates a new javascript variable called srtm, and assigns that variable to an Earth Engine image using the ee.Image() call. This call takes one parameter, in this case it's the name of the image I want to display.</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">Once I have the image, I use Map.addLayer() to add the image as a layer on the map. Now lets see what this looks like in the development environment.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 4</span></p><p class="c0"><span class="c3">Slide:</span></p><p class="c0"><span class="c3">the 2 - line script</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Here's that script inside the development environment. To run it, I'll click on run and there it is, that is the SRTM digital elevation model data. You'll notice that it looks pretty grey. We can make it better. It's grey because the display is having a hard time knowing how to show the values of each pixel. It expects values to be between 0 and 255 and in this dataset the values are different. To see what those values are, you can click on the inspector tab, and click somewhere on the map. When I do that, I see that Layer 1 is an image with one band named elevation, and you can see the value of the pixel I clicked on. If I click somewhere there are mountains, you'll see that the elevation is higher. In this dataset each pixel is the height at that point in meters.</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">One way to make the visualization better is to provide more information about how to display the values of the dataset. To do that we add can a visualization parameter to the Map.addLayer() call.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 5:</span></p><p class="c0"><span class="c3">Live: ee-api.appspot.com</span></p><p class="c0"><span class="c3">Run the script. Look at the values using the inspector, first a low area, then a high one.</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Here we have the same script, but with visualization information as the second parameter to the Map.addLayer() call. You can see that visualization parameters go inside curly braces and are defined as key value pairs. Here you'll see that we're setting the min to 0 and the max to 3000. That means that all values from 0 and below will be drawn in black, all values 3000 and above will be draw in white, and the values in between will be linearly scaled in grey. Lets run this script and see how it looks.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 6:</span></p><p class="c0"><span class="c3">The script with viz paramaters</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Here we are, I'll hit run, and you can see that the image looks more like elevation data now. There are other parameters you can set. For example, to add some color to your image, you can apply a color palette to the values. Let's say we want the map to go from white to red, where red is very high elevation.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 7:</span></p><p class="c0"><span class="c3">Live ee-api.appspot.com</span></p><p class="c0"><span class="c3">With the script now having the viz parameters.</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Here you'll see that we've added a new palette element to the vizualization parameters. The palette is a string of values separated by commas. Each color is represented with its hex value. So here, the minimum value will be drawn in white, which is what FFFFFF represents, and the maximum value will be drawn in red, which is FF0000, and the intermediate values will be more and more red as they approach the maximum value. Let's see what that looks like.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 8:</span></p><p class="c0"><span class="c3">Slide with palette.</span></p><p class="c0 c5"><span class="c3"></span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Here's that script with the palette. Let's run it. Nice. If we add a third color in the palette, this color gets assigned to the middle of the range of values, in this case 1500. Let's make the low value blue, the middle value white, and the high value red. Now you see that the colors go from blue to white, then white to red.</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">Ok, I'll close with two more parameters in the Map.addLayer() call. You'll notice that when I pull down on the layers button that this layer is named Layer 1, I can change the name of that layer, and I can turn the layer off by default.</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">Finally, every time I add a Map.addLayer() call in the script, I add a new layer to the map. Let's add a layer without the palette. Now you can see that there are two layers under the Layers pull down.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 9:</span></p><p class="c0"><span class="c3">Live ee-api.appspot.com</span></p><p class="c0"><span class="c3">with palette now in the visualization parameters </span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">change the palette</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">add the other two parameters</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">add another Map.addLayer() call</span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">There are many other visualization parameters available. You can find more information about them in the user guide available under the help menu.</span></p><p class="c0 c5"><span class="c3"></span></p><p class="c0"><span class="c3">In the next tutorial we'll move from working with single images to working with collections of images - for example, the entire collection of images ever taken by the newest landsat satellite, landsat 8.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Call to Action - </span></p><p class="c0"><span class="c3">Check out the help. Next image collections</span></p><p class="c0 c5"><span class="c3"></span></p></td></tr><tr class="c4"><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Sign off</span></p><p class="c0"><span class="c3">Thanks for listening, and I hope you enjoy Earth Engine.</span></p></td><td class="c6" colspan="1" rowspan="1"><p class="c0"><span class="c3">Slide 10</span></p></td></tr></tbody></table><p class="c1"><span></span></p></body></html>