Google Earth
description
Transcript of Google Earth
![Page 1: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/1.jpg)
Google Earth APIAn Introduction to the Google Earth Browser Plugin JavaScript API
By Kerstin Pittl01/07/2010
![Page 2: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/2.jpg)
Introduction
• $whoami• What?
![Page 3: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/3.jpg)
Agenda
• Browser Plugin• Basic API• Open source Libraries• Integrate with Google Maps• 3D Models• Tourplayer• Q & A
![Page 4: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/4.jpg)
Browser Plugin
• http://code.google.com/apis/earth/
![Page 5: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/5.jpg)
Browser Plugin
• Microsoft Windows (2000, XP, Vista and 7) – Google Chrome 1.0+– Internet Explorer 7+ (32-bit)– Firefox 2.0+
• Apple Mac OS X 10.4+ (Intel and PowerPC) – Google Chrome 1.0+– Safari 3.1+– Firefox 3.0+
• No Linux Support yet (Issue 117)
![Page 6: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/6.jpg)
Basic API
• Hello Earth
Demo
![Page 7: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/7.jpg)
Basic API
• Layers & ControlsLAYER_TERRAIN, LAYER_BUILDINGS etc.
![Page 8: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/8.jpg)
Basic API
• KML
Demo
![Page 9: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/9.jpg)
Basic API
• Camera
![Page 10: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/10.jpg)
Basic API
• Markers
Additional Options for custom Icons, rollover icons
![Page 11: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/11.jpg)
Basic API
• Polylines
![Page 12: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/12.jpg)
Basic API• Polygon
![Page 13: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/13.jpg)
Basic API
• Polygon Styles
![Page 14: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/14.jpg)
Basic API
• Overlays
![Page 15: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/15.jpg)
Basic API
Demo
![Page 16: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/16.jpg)
Basic API
• Functions
![Page 17: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/17.jpg)
Basic API
Demo
![Page 18: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/18.jpg)
Basic API
![Page 19: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/19.jpg)
Open Source Libraries
• geojs• GEarthExtensions
![Page 20: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/20.jpg)
GEOJS
• Must have tool for Google Maps and Earthhttp://code.google.com/p/geojsApache 2.0 License
geo Namespacegeo.Point geo.mathgeo.Path geo.utilgeo.Polygongeo.Bounds
![Page 21: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/21.jpg)
GEOJS
• geo.utilisUndefined, isObject etc
• geo.mathdistance, bearing, heading, midpoint etc
• geo Polygon.containsPoint, Polygon.area, Bounds.center, Point, Path.bounds etc
![Page 22: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/22.jpg)
GEarthExtensions
• http://code.google.com/p/earth-api-utility-libraryApache 2.0 License
simplify interaction with Google Earth API features and events
![Page 23: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/23.jpg)
GEarthExtensions
• New way of creating features
stockIcon String (Optional) A convenience property to set the point placemark's icon to a stock icon, e.g. 'paddle/wht-blank'. Stock icons reside under 'http://maps.google.com/mapfiles/kml/...'.
![Page 24: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/24.jpg)
Basic API
• Markers
Additional Options for custom Icons, rollover icons
![Page 25: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/25.jpg)
GEarthExtensions
• New way of creating features
stockIcon String (Optional) A convenience property to set the point placemark's icon to a stock icon, e.g. 'paddle/wht-blank'. Stock icons reside under 'http://maps.google.com/mapfiles/kml/...'.
![Page 26: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/26.jpg)
GEarthExtensions
• Polylines
![Page 27: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/27.jpg)
GEarthExtensions
• Polygons
![Page 28: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/28.jpg)
GEarthExtensions
Demo
~30 lines of code vs. ~90 lines of code
![Page 29: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/29.jpg)
GEarthExtensions
![Page 30: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/30.jpg)
GEarthExtensions
• Effects Fx Namespace
![Page 31: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/31.jpg)
GEarthExtensions
Demo
![Page 32: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/32.jpg)
Integrate with Google Maps
• G_SATELLITE_3D_MAP
![Page 33: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/33.jpg)
Google Maps
Demo
![Page 34: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/34.jpg)
Tour Player• KMLTour Playlist
![Page 35: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/35.jpg)
Tour Player
![Page 36: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/36.jpg)
Tour Player
Demo
![Page 37: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/37.jpg)
Tour Player
![Page 38: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/38.jpg)
3D Models
• Animate Models from Google Sketch up
![Page 40: Google Earth](https://reader033.fdocuments.us/reader033/viewer/2022061119/546b8944b4af9fee708b45fc/html5/thumbnails/40.jpg)
Questions
???