Kml Basics Chpt 5 Overlays

2,253 views
2,105 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,253
On SlideShare
0
From Embeds
0
Number of Embeds
381
Actions
Shares
0
Downloads
41
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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 http://www.davidrumsey.com/ 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 http://www.gelib.com/usgs-topographic-maps.html
  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 http://ge.images.alaska.edu/
  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

×