Web Map APIs

Transcript

1. 1.

   Web Map APIs Yos Riady | yosriady.com

2. 2.

   http://goo.gl/s6Y1w4

3. 3.

   None
4. 4.

   Can you name sites with interactive maps? Maps on the

   Web
5. 5.

   None
6. 6.

   None
7. 7.

   None
8. 8.

   Agenda for today Interactive maps • Brief intro on Web

   Map APIs • Hands-on tutorial • Project time • Q&A
9. 9.

   None
10. 10.

    What is an API? API stands for: a. Agricultural Price

    Index b. Application Programmers Initiative c. Asia Pacific Institution d. Apple Products, Inc. e. Application Programming Interface
11. 11.

    What is an API? API stands for: a. Agricultural Price

    Index b. Application Programmers Initiative c. Asia Pacific Institution d. Apple Products, Inc. e. Application Programming Interface
12. 12.

    Application Programming Interface class MyWatch: def turn(self, degrees): complex_operationA() complex_operationB()

    complex_operationC() def display(self): complex_operationD() complex_operationE();
13. 13.

    What are Web APIs? • APIs connected through HTTP http://maps.googleapis.com/maps/api/staticmap?center=-15.800513,-47.91

    378&zoom=11&size=200x200
14. 14.

    What are Web APIs? • APIs connected through HTTP (see

    geocoder.py) http://maps.googleapis.com/maps/api/staticmap?center=-15.800513,-47.91 378&zoom=11&size=200x200 • API libraries/wrappers
15. 15.

    What are Web APIs? • APIs connected through HTTP http://maps.googleapis.com/maps/api/staticmap?center=-15.800513,-47.91

    378&zoom=11&size=200x200 • API libraries/wrappers • Sometimes free, often commercial • Commercial APIs charge based on usage
16. 16.

    Web Map API Services and many others!

17. 17.

    None
18. 18.

    None
19. 19.

    None
20. 20.

    Working with Web Map APIs • Register for an API

    Key (where applicable) • Include the Map API library’s CSS and Javascript files • Read the API documentation • Write map features using the API/library’s methods • PROFIT!!!
21. 21.

    Today Used by Flickr, Foursquare, Pinterest, Wikipedia!

22. 22.

    Introducing Leaflet

23. 23.

    None
24. 24.

    Hands On Time

25. 25.

    What we will be covering • Basic Maps • Tile

    Providers • Markers, Popups, and more • Events • Geolocation • Geocoding • Routing
26. 26.

    github.com/Leventhan/orbital-leaflet/

27. 27.

    Project Super Fun Time http://leventhan.github.io/orbital-leaflet/

28. 28.

    None
29. 29.

    Where do I go from here?

30. 30.

    None
31. 31.

    None
32. 32.

    None
33. 33.

    Questions? Yos Riady | yosriady@nus.edu.sg