Advanced Google Maps API  Dr. Harry Chen CMSC 491S/691S March 31, 2008
Previously on Google Maps API… <ul><li>A HelloWorld example </li></ul><ul><li>Key components of GMaps API </li></ul><ul><u...
Agenda <ul><li>Events </li></ul><ul><li>Overlays </li></ul><ul><li>GoogleBar </li></ul><ul><li>StreetView </li></ul>
Simple GMaps Event <ul><li>Say something when the user clicks… </li></ul>Try this * Make sure you click the map
Events in GMaps <ul><li>Events in a Google Map are generated by the “GMap2” object. For example, an event is fired when … ...
Passing Arguments in Events Try this
Remove Listener! <ul><li>If you created an Event Listener in GMaps, you’re responsible to remove this listener.  </li></ul...
GMaps Overlay in Action http:// nycsubway.eyebeamresearch.org /
What’s Overlays <ul><li>Overlays are objects on the map that are tied to latitude/longitude coordinates, so they move when...
We’ve seen overlays last time…
Other overlay examples
GoogleBar <ul><li>Allows you add Google Local Search capability on a map </li></ul><ul><li>Works the similar to the Google...
An Example Try this
StreetView <ul><li>Adds 360 degree views of the roads in the major cities.  </li></ul>http:// www.youtube.com/watch?v =91w...
StreetView Example Try this
Questions?
Upcoming SlideShare
Loading in...5
×

Advanced Google Maps API

5,855

Published on

Published in: Technology, News & Politics
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,855
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
147
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Advanced Google Maps API

  1. 1. Advanced Google Maps API Dr. Harry Chen CMSC 491S/691S March 31, 2008
  2. 2. Previously on Google Maps API… <ul><li>A HelloWorld example </li></ul><ul><li>Key components of GMaps API </li></ul><ul><ul><li>Controls and GMarkers </li></ul></ul><ul><li>How to read GeoRSS and KML </li></ul>
  3. 3. Agenda <ul><li>Events </li></ul><ul><li>Overlays </li></ul><ul><li>GoogleBar </li></ul><ul><li>StreetView </li></ul>
  4. 4. Simple GMaps Event <ul><li>Say something when the user clicks… </li></ul>Try this * Make sure you click the map
  5. 5. Events in GMaps <ul><li>Events in a Google Map are generated by the “GMap2” object. For example, an event is fired when … </li></ul><ul><ul><li>… a map type is added </li></ul></ul><ul><ul><li>… the map is clicked </li></ul></ul><ul><ul><li>… a double-click is done on the map </li></ul></ul><ul><ul><li>… the map view starts changing </li></ul></ul><ul><ul><li>… the zoom level is changed </li></ul></ul><ul><ul><li>… the user starts to drag the mouse </li></ul></ul><ul><li>For the full list, see GMaps.Event doc </li></ul>
  6. 6. Passing Arguments in Events Try this
  7. 7. Remove Listener! <ul><li>If you created an Event Listener in GMaps, you’re responsible to remove this listener. </li></ul><ul><li>Failure to do so could exhaust the computing resources on the client machine. </li></ul>http://code.google.com/apis/maps/documentation/events.html#Removing_Event_Listeners
  8. 8. GMaps Overlay in Action http:// nycsubway.eyebeamresearch.org /
  9. 9. What’s Overlays <ul><li>Overlays are objects on the map that are tied to latitude/longitude coordinates, so they move when you drag or zoom the map. Overlays reflect objects that you &quot;add&quot; to the map to designate points, lines, or areas. </li></ul>http://code.google.com/apis/maps/documentation/overlays.html
  10. 10. We’ve seen overlays last time…
  11. 11. Other overlay examples
  12. 12. GoogleBar <ul><li>Allows you add Google Local Search capability on a map </li></ul><ul><li>Works the similar to the Google AJAX Search API </li></ul>
  13. 13. An Example Try this
  14. 14. StreetView <ul><li>Adds 360 degree views of the roads in the major cities. </li></ul>http:// www.youtube.com/watch?v =91wuBqlny50
  15. 15. StreetView Example Try this
  16. 16. Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×