An Introduction To The Google Earth Browser Plugin Javascript Api
Uploaded by
MOSC2010An Introduction To The Google Earth Browser Plugin Javascript Api
Uploaded by
MOSC2010Google Earth API
An Introduction to the Google Earth Browser Plugin JavaScript API
By Kerstin Pittl
01/07/2010
Introduction
• $whoami
• What?
Agenda
• Browser Plugin
• Basic API
• Open source Libraries
• Integrate with Google Maps
• 3D Models
• Tourplayer
• Q&A
Browser Plugin
• http://code.google.com/apis/earth/
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)
Basic API
• Hello Earth
Demo
Basic API
• Layers & Controls
LAYER_TERRAIN, LAYER_BUILDINGS etc.
Basic API
• KML
Demo
Basic API
• Camera
Basic API
• Markers
Additional Options for custom Icons, rollover icons
Basic API
• Polylines
Basic API
• Polygon
Basic API
• Polygon Styles
Basic API
• Overlays
Basic API
Demo
Basic API
• Functions
Basic API
Demo
Basic API
Open Source Libraries
• geojs
• GEarthExtensions
GEOJS
• Must have tool for Google Maps and Earth
http://code.google.com/p/geojs
Apache 2.0 License
geo Namespace
geo.Point geo.math
geo.Path geo.util
geo.Polygon
geo.Bounds
GEOJS
• geo.util
isUndefined, isObject etc
• geo.math
distance, bearing, heading, midpoint etc
• geo
Polygon.containsPoint, Polygon.area, Bounds.center,
Point, Path.bounds etc
GEarthExtensions
• http://code.google.com/p/earth-api-utility-library
Apache 2.0 License
simplify interaction with Google Earth API
features and events
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/...'.
Basic API
• Markers
Additional Options for custom Icons, rollover icons
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/...'.
GEarthExtensions
• Polylines
GEarthExtensions
• Polygons
GEarthExtensions
Demo
~30 lines of code vs. ~90 lines of code
GEarthExtensions
GEarthExtensions
• Effects Fx Namespace
GEarthExtensions
Demo
Integrate with Google Maps
• G_SATELLITE_3D_MAP
Google Maps
Demo
Tour Player
• KMLTour Playlist
Tour Player
Tour Player
Demo
Tour Player
3D Models
• Animate Models from Google Sketch up
3D Models
Demo
Questions
???
