Zoom in on Mapping and Location

50 %
50 %
Information about Zoom in on Mapping and Location

Published on July 16, 2009

Author: duvander

Source: slideshare.net


Bring the power of location to your website. Use mapping APIs to plot data geographically. Convert addresses to latitude/longitude coordinates. Grab the user's current location. Add some "where" to your application. Adam will overview the services that fuel location-based websites and some examples to help you find your way.

Zoom in on Mapping and location on the Web Adam DuVander mapscripting.com

Look familiar?

World Map, 1513

Wilma, I'm home http://www.flickr.com/photos/cogdog/594574/

About me, mapping edition

About me, Portland edition Portland Web Innovators First Wednesdays, pdxwi.com

Mapping APIs

Geocoding addresses to data

Location ? guessing

Location sharing

But first... More history...

RR DONNELLEY founded 1864 Cartographic Services founded 1967

API vs mapping site http://www.flickr.com/photos/thunderpants/2744701385/

Google Maps Driving directions StreetView It's the best?

Yahoo Maps Automatic geocoding It's not Google

Virtual Earth Bing Maps Bird's eye view It's not Google

MapQuest API Nostalgia Decluttering It's not Google

CloudMade Open data Custom tile generation Cloned Google API (but it's still not Google)

Mapstraction: 11 maps in 1! FreeEarth OpenLayers Google OpenSpace Map24 OpenStreetMap MapQuest ViaMichelin Microsoft Yahoo MultiMap

What's the difference? Yahoo Google Mapstraction var map = new Ymap(... var map = new GMap2(... var map = new Mapstraction(... var marker = new Ymarker(... var marker = new GMarker(... var marker = new Marker(... map.addOverlay(marker); map.addOverlay(marker); map.addMarker(marker); map.drawZoomAndCenter(... map.setCenter(... map.setCenterAndZoom(...

What about Flash?

3 quick ways to make your maps stand out

1. Shed the teardrop icons Make shadows here: http://www.cycloloco.com/shadowmaker/

2. Interact outside the map

3. Clean things up

Geocoding what is it?

JavaScript geocoders Google Yahoo Mapstraction

Server-side geocoders Google Yahoo Geocoder.US


+--------------------------+----------+-----------+ | hotspot_name | latitude | longitude | +--------------------------+----------+-----------+ | red e cafe | 45.5626 | -122.677 | | Matchbox Lounge | 45.5046 | -122.632 | | Invasion Cafe | 45.5203 | -122.675 | | Happy Sparrow Cafe | 45.5163 | -122.635 | | mamas n' papas | 45.5226 | -122.641 |

Location ? guessing (makes you look smart and creepy) http://www.flickr.com/photos/jemstone/11631878/ http://www.flickr.com/photos/joc67/774419510/ http://www.flickr.com/photos/benimoto/419169824/

W3C geolocation standard

navigator.geolocation.getCurrentPosition(foundLocation, noLocation); function foundLocation(position) { var lat = position.coords.latitude; var long = position.coords.longitude; alert('Found location: ' + lat + ', ' + long); }

position timestamp coords latitude longitude altitude accuracy altitudeAccuracy heading speed

Google Ajax loader google.loader.ClientLocation

IPinfoDB.com +--------------------------+----------+-----------+ | ip_address | latitude | longitude | +--------------------------+----------+-----------+ | | 45.5626 | -122.677 | | | 45.5046 | -122.632 | | | 45.5203 | -122.675 | | | 45.5163 | -122.635 | | | 45.5226 | -122.641 |

Location sharing (only as creepy as you make it)


How will ? you use location

Zoom in on Mapping and location on the Web (Thank you) Adam DuVander mapscripting.com

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Google Maps

Find local businesses, view maps and get driving directions in Google Maps.
Read more

Maximum Zoom Imagery Service | Google Maps JavaScript

Maximum Zoom Imagery Service ... Clicking anywhere on the map indicates the maximum zoom level at that location. (Zoom levels around Tokyo generally vary ...
Read more

Google Moon

Link this view: View Moon with Google Earth: About: Loading Moon Maps...
Read more

Bing Maps

Bing Maps provides US, Europe, the Americas, Africa, Asia, and the World with road, street, and satellite maps. ... Zoom. Menu. Streetside. Book It. More ...
Read more

Patent US20110191014 - Mapping interface with higher zoom ...

Maps of a particular location are often generated with an inset area map, rendered in an inset region of the location map, of the general area including ...
Read more

Google Maps APIs | Google Developers

Millions of websites and apps use Google Maps APIs to power location experiences for their users. ... When you use the Google Maps APIs together, ...
Read more

Presentation Software | Online Presentation Tools | Prezi

Welcome to Prezi, the presentation ... zoom, and spatial relationships to bring your ideas to life and make you a great presenter. The science Blog Log in ...
Read more

Google Earth

Google Earth lets you fly anywhere on Earth to view satellite imagery, maps, terrain, 3D buildings, from galaxies in outer space to the canyons of the ocean.
Read more


At TomTom, we're all about helping you get around. That's why we use cookies to improve our sites, ...
Read more