Google Maps bakes the crust, you add the toppings

444 views

Published on

My Toronto GTUG presentation on Google Maps APIs

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
444
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Google Maps bakes the crust, you add the toppings

    1. 1. Maps bakes the crust -you add the toppings! Nael El Shawwa
    2. 2. About me• Work at ThinkWrap Solutions• Co-Founder #DevTO
    3. 3. About me• Work at ThinkWrap Solutions• Co-Founder #DevTO
    4. 4. Google Maps API Experience• Started developing in 2007 since v2• Dozens of mashups• Qualified Google Maps API Developer since 2009
    5. 5. Who’s Paul Rademacher?• Father of the “Google Maps Mashup”• http://www.housingmaps.com/• Thanks to him Google Maps is 6 years old• Go ahead & thank him @paulrademacher
    6. 6. Examples from ThinkWrap
    7. 7. uOttawa Campus Map http://www.uottawa.ca/maps/
    8. 8. Martha Stewart Online http://shop.marthastewart.com/content/Find_A_Store.htm
    9. 9. Obama SMS Map http://obamamobilemap.appspot.com/http://www.youtube.com/watch?v=NG6k7QadYM4
    10. 10. XPrize Foundationhttp://www.youtube.com/watch?v=1N4MKIjZYOU
    11. 11. What others have done?
    12. 12. Deel.iohttp://deel.io/
    13. 13. zoocasa.com
    14. 14. ChaosInYourTown.com
    15. 15. Boundarieshttp://www.vasile.ch/hacks/ft-mask/
    16. 16. Ok, you get the point
    17. 17. Maps JS API v3• MVC• Objects - LatLng, Map, Marker, InfoWindow, Geocoder, ...• APIs - Image, Google Earth, Directions, Elevation, Geocoding, DistanceMatrix, ...
    18. 18. LatLng• coordinates - latitude, longitude new google.maps.LatLng(-34.397, 150.644)
    19. 19. Map • the map - duh...! var myOptions = { zoom: 8, center: new google.maps.LatLng(-34.397, 150.644), mapTypeId: google.maps.MapTypeId.ROADMAP };var map = new google.maps.Map($(#map_canvas),myOptions);
    20. 20. Markervar marker = new google.maps.Marker({ position: myLatlng, map: map, title:"Hello World!" });
    21. 21. Ok I could have figuredthis out myself dude...
    22. 22. Twitter Google Map Code Review
    23. 23. ... power of map visualization isunleashed with more data..
    24. 24. Too many markers isnot healthy for your map
    25. 25. The DOM is always the problem
    26. 26. Flash Maps API
    27. 27. Fl as h M ap Se As pt PI 20 De 11 pr ec at e d Flash Maps API
    28. 28. What can we do about that?• Buckets• Heatmaps• Charts• Bounded box
    29. 29. Cartographer.js thematic mapping
    30. 30. Final notes• Sky is the limit with Google Maps API• Find creative ways to show case MORE data FASTER• The crust is baked by Google, you add the toppings

    ×