Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Kml Basics Chpt 5 Overlays


Published on

  • Be the first to comment

Kml Basics Chpt 5 Overlays

  1. 1. Keyhole Modeling Language – Chpt. 4 – Styles & Icons Mr. Thomas Cooper Outdoor Technology The Walker School
  2. 2. Overlay Types <ul><li>Ground </li></ul><ul><li>Screen </li></ul><ul><li>Photo </li></ul>
  3. 3. Ground Overlay – No Image
  4. 4. Ground Overlay - Code
  5. 5. Setting Lat. & Long. <ul><li>Directions </li></ul><ul><li>Click Overlay </li></ul><ul><li>Choose an image (you can make a “white box” in paint and then overlay it) </li></ul><ul><li>Click on the Location tab </li></ul><ul><li>Choose the coordinates </li></ul><ul><li>Click OK </li></ul><ul><li>Right Click and choose Copy from the menu </li></ul><ul><li>Paste into Notepad </li></ul><ul><li>CTRL-F to search for <LatLonBox> </li></ul><ul><li>Adjust coordinates to fit (really only need hours and minutes) </li></ul>
  6. 6. Ground and Image Overlay Kom Firin Dig DrawOrder: Defines the stacking order for the images in overlapping overlays. Overlays with higher <drawOrder> values are drawn on top of overlays with lower <drawOrder> values
  7. 7. Overlay DrawOrder - Code # 1 # 2
  8. 8. Rumsey Historical Maps <ul><li>Found under: </li></ul><ul><ul><li>Layers </li></ul></ul><ul><ul><ul><li>Gallery </li></ul></ul></ul>
  9. 9. Rumsey Historical Maps Click on links to download maps into GE.
  10. 10. Downloaded Zip Files <ul><li>Zip files can be viewed in the “Places” panel. </li></ul><ul><li>Maps are loaded into GE by clicking on the icon and then clicking on the link to overlay the map. </li></ul>
  11. 11. USGS Topographic Maps
  12. 12. Topo Map for Marietta
  13. 13. Simple Screen Overlay - Code
  14. 14. Creating Screen Overlays <ul><li>Activity: Show students how to create basic screen overlays in Photoshop </li></ul><ul><ul><li>Layers </li></ul></ul><ul><ul><li>Background Color </li></ul></ul><ul><ul><li>Text Type and Color </li></ul></ul>
  15. 15. Accepted Overlay File Types <ul><li>.PNG </li></ul><ul><ul><li>(portable network graphic, bitmapped) </li></ul></ul><ul><li>.TIF </li></ul><ul><ul><li>(tagged image file format, for lines, images and graphics) </li></ul></ul><ul><li>.GIF </li></ul><ul><ul><li>(graphics interchange format, best for icons) </li></ul></ul>
  16. 16. Screen Overlay w/ Style
  17. 17. Color and Depth Screen Overlay Alaska Volcano Observatory
  18. 18. Screen Overlay Combined Units - Code Combining Units to Get Desired Position
  19. 19. Determining Transparency – Part I <ul><li>Directions </li></ul><ul><li>Click on Image Overlay </li></ul><ul><li>Title the overlay </li></ul><ul><li>Browse for the image you want to make a transparent screen overlay </li></ul><ul><li>Click OK </li></ul>
  20. 20. Determining Transparency – Part II Directions 5. Right click on the overlay and choose COPY from the file menu. 6. Open Note Pad 7. Chose Paste from the Edit menu. 8. Copy the hexidecimal code under the child tag <color>hexcode</color> 9. Add it to your screen overlay code.
  21. 21. Expedition Lit Trips Screen Overlay w/ Transparency
  22. 22. Expedition Lit Trips Screen Overlay w/ Transparency - Code