Simple introductory tutorial for Mapstraction

It was time to start moving my old Google Maps pages over to version 2 of the API, and I thought I'd consider using another mapping solution (maybe Yahoo Maps or Microsoft). But then fate intervened and I happened to listen to a podcast from the Where 2.0 conference by Steve Coast. He talked about Open Street Map and more importantly to me, Mapstraction.

( This is a link to an older technology based blog entry I wrote. )

From their homepage

    Mapstraction is a library which provides a common API for Google, Yahoo! and Microsoft's javascript mapping APIs to enable switching from one to another as smoothly as possible.

This was just what I was looking for, so I thought I'd give it a try and detail the steps I took to get a simple map up and running.

For the rest of this article, see its original location at:

  1. Part 1: A simple map at
  2. Part 2: Adding map controls and markers at
  3. Part 3: Switching from Google Maps to Yahoo at