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

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?

12. Isn't Mapstraction a LCD library?

13. Not Really

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