Map Scripting


Create Location-based Web Applications

Overlay Images at the Proper Map Location

Let’s say you have a lovely graphic of an area, like a downtown district or a park. It’s a flat, top-down view, like most maps. But it doesn’t quite match up with the streets or other features of a mapping API’s imagery. Before you can overlay your image, you’ll need to georeference it.

Central Park example image and map

The process is also called rubber sheeting, because you are essentially stretching and manipulating your graphic so that every point of your graphic meets up with the appropriate geographic coordinates.

In the book I use Central Park as an example. I uploaded a graphic from a park brochure to a site called GeoWarper. Then I referenced parts of the graphic with other identifiable areas in an OpenStreetMap version of the same area. GeoWarper then spits out a georeferenced version of the graphic.

Central Park originalCentral Park original

Want to try it out yourself? The original graphic is included above. You can start your own, or use mine. If you just want to see it completed, the warped graphic is also above and the Central Park map is in my examples section.

Category: How-tos


58 Responses

  1. Lynn says:

    molds@clarify.douglas” rel=”nofollow”>.…

    ñïàñèáî çà èíôó….

  2. Shaun says:

    styled@rex.operates” rel=”nofollow”>.…

    ñýíêñ çà èíôó….

  3. Raul says:

    aggregations@communities.violated” rel=”nofollow”>.…

    tnx for info….

  4. Daniel says:

    commemorating@parochial.washboard” rel=”nofollow”>.…


  5. jim says:

    outwardly@sakellariadises.outgrowth” rel=”nofollow”>.…


  6. charles says:

    candidly@pretext.synchronized” rel=”nofollow”>.…


  7. Leonard says:

    smudged@crashes.bawhs” rel=”nofollow”>.…


  8. Scott says:

    gibby@churns.ansuh” rel=”nofollow”>.…


Leave a Reply

Adam DuVanderHi, I'm Adam. I'm writing a book about developing maps on the web. This site is where I'll share the things I find and help you create your own maps. Find out more.

Map Scripting 101