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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Mapstraction: JavaScript Mapping Abstraction Library

1,255
views

Published on

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!

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,255
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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