intro to web map apis
DESCRIPTION
Slides for "A gentle introduction to Web Map APIs" for Orbital students.TRANSCRIPT
Web Map APIsYos Riady | yosriady.com
Can you name sites with interactive maps?
Maps on the Web
Agenda for today
Interactive maps
● Brief intro on Web Map APIs
● Hands-on tutorial
● Project time
● Q&A
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
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
Application Programming Interface
class MyWatch:
def turn(self, degrees):
complex_operationA()
complex_operationB()
complex_operationC()
def display(self):
complex_operationD()
complex_operationE();
What are Web APIs?
● APIs connected through HTTP
http://maps.googleapis.com/maps/api/staticmap?center=-15.800513,-
47.91378&zoom=11&size=200x200
What are Web APIs?
● APIs connected through HTTP (see geocoder.py)
http://maps.googleapis.com/maps/api/staticmap?center=-15.800513,-
47.91378&zoom=11&size=200x200
● API libraries/wrappers
What are Web APIs?
● APIs connected through HTTP
http://maps.googleapis.com/maps/api/staticmap?center=-15.800513,-
47.91378&zoom=11&size=200x200
● API libraries/wrappers
● Sometimes free, often commercial
● Commercial APIs charge based on usage
Web Map API Services
and many others!
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!!!
Today
Used by Flickr, Foursquare, Pinterest, Wikipedia!
Introducing Leaflet
Hands On Time
What we will be covering
● Basic Maps
● Tile Providers
● Markers, Popups, and more
● Events
● Geolocation
● Geocoding
● Routing
github.com/Leventhan/orbital-leaflet/
Project Super Fun Timehttp://leventhan.github.io/orbital-leaflet/
Where do I go from here?
Questions?Yos Riady | [email protected]