Intro to Web Map APIs

Web Map APIsYos Riady | yosriady.com

http://goo.gl/s6Y1w4

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]