Mapstraction: JavaScript Mapping Abstraction Library
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Mapstraction: JavaScript Mapping Abstraction Library

on

  • 2,279 views

An overview of using Mapstraction to access Google Maps, Yahoo Maps and more!

An overview of using Mapstraction to access Google Maps, Yahoo Maps and more!

Statistics

Views

Total Views
2,279
Views on SlideShare
2,273
Embed Views
6

Actions

Likes
0
Downloads
23
Comments
0

3 Embeds 6

http://www.linkedin.com 3
https://www.linkedin.com 2
http://www.slideee.com 1

Accessibility

Categories

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

Mapstraction: JavaScript Mapping Abstraction Library Presentation Transcript

  • 1. Mapstraction JavaScript mapping abstraction library Adam DuVander mapscripting.com adamduvander.com
  • 2. Google Maps! Yeah!
  • 3. Yahoo Maps. Okay.
  • 4. // Basic Google Map, with Marker point = new GLatLng(37.780764,-122.395592) map = new GMap2(document.getElementById("map-canvas")); map.setCenter(point, 15, G_NORMAL_MAP); marker = new GMarker(point, markerOptions); map.addOverlay(marker); // Basic Yahoo Map, with Marker var map = new YMap(document.getElementById("ymap")); map.drawZoomAndCenter("Portland, OR", 6); var myMarker = new YMarker("622 SE Grand Ave, Portland, OR"); map.addOverlay(myMarker);
  • 5. 11 Maps in One! FreeEarth Google Map24 MapQuest Microsoft MultiMap OpenLayers OpenSpace OpenStreetMap ViaMichelin Yahoo
  • 6. About me Portland Web Innovators First Wednesdays, pdxwi.com
  • 7. About me
  • 8. Why Mapstraction?
  • 9.  
  • 10.  
  • 11.  
  • 12. Isn't Mapstraction a LCD library?
  • 13. Not Really
  • 14.  
  • 15.  
  • 16.  
  • 17. Open Closed
  • 18. switch (this.api) { case 'yahoo': var ypin = this.proprietary_marker; ypin.closeSmartWindow(); break; case 'google': var gpin = this.proprietary_marker; gpin.closeInfoWindow(); break; case 'microsoft': var pin = this.proprietary_marker; this.map.HideInfoBox(); break; ... }
  • 19. More about Mapstraction mapstraction.com (join the mailing list) Follow my book progress mapscripting.com Thank you! adamduvander.com @adamd