• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Zoom in on Mapping and Location
 

Zoom in on Mapping and Location

on

  • 5,593 views

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 ...

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.

Statistics

Views

Total Views
5,593
Views on SlideShare
5,159
Embed Views
434

Actions

Likes
2
Downloads
0
Comments
0

8 Embeds 434

http://mapscripting.com 423
http://www.slideshare.net 5
http://74.125.79.132 1
http://feeds.feedburner.com 1
http://74.125.95.132 1
http://translate.googleusercontent.com 1
http://www.apurva.com 1
http://www.slideee.com 1
More...

Accessibility

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Zoom in on Mapping and Location Zoom in on Mapping and Location Presentation Transcript

    • 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
    • http://www.flickr.com/photos/blmurch/144446416/
    • +--------------------------+----------+-----------+ | 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)
    • 127.0.0.1 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 | +--------------------------+----------+-----------+ | 192.168.0.1 | 45.5626 | -122.677 | | 192.168.0.2 | 45.5046 | -122.632 | | 192.168.0.3 | 45.5203 | -122.675 | | 192.168.0.4 | 45.5163 | -122.635 | | 192.168.0.5 | 45.5226 | -122.641 |
    • Location sharing (only as creepy as you make it)
    • http://www.flickr.com/photos/8363028@N08/2874693272/
    • How will ? you use location
    • Zoom in on Mapping and location on the Web (Thank you) Adam DuVander mapscripting.com