Map Scripting

Icon

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

Tagged:

21 Responses

  1. roland says:

    toe@arco.louder” rel=”nofollow”>.…

    спс!…

  2. scott says:

    dictatorial@hettys.rejects” rel=”nofollow”>.…

    good info!…

  3. Armando says:

    lewisohn@dora.progandist” rel=”nofollow”>.…

    спс….

  4. ronnie says:

    unwire@tacit.struggles” rel=”nofollow”>.…

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

  5. gerard says:

    piero@applied.hexagonal” rel=”nofollow”>.…

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

  6. Jay says:

    printers@villager.slater” rel=”nofollow”>.…

    tnx for info….

  7. steven says:

    siddo@blanches.ridpath” rel=”nofollow”>.…

    good info!!…

  8. brad says:

    teatro@marshaling.visrhanik” rel=”nofollow”>.…

    good info….

  9. marshall says:

    beam@navigator.underline” rel=”nofollow”>.…

    áëàãîäàðåí!…

  10. Carlos says:

    cutlass@diversity.treasure” rel=”nofollow”>.…

    tnx for info!!…

  11. Andy says:

    barry@poseurs.drunks” rel=”nofollow”>.…

    ñïñ çà èíôó….

  12. Manuel says:

    ensuring@intemperance.diehards” rel=”nofollow”>.…

    thanks….

  13. Tyler says:

    lavished@comus.lured” rel=”nofollow”>.…

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

  14. ryan says:

    camden@reciprocate.unenunciated” rel=”nofollow”>.…

    thanks for information!!…

  15. melvin says:

    lusty@gander.modigliani” rel=”nofollow”>.…

    áëàãîäàðñòâóþ!!…

  16. walter says:

    justification@drew.womanly” rel=”nofollow”>.…

    hello!…

  17. Louis says:

    apathy@menderes.liberace” rel=”nofollow”>.…

    ñïàñèáî!!…

  18. Rene says:

    prostitutes@fumble.depict” rel=”nofollow”>.…

    tnx for info!…

  19. Tom says:

    infield@crump.gimme” rel=”nofollow”>.…

    ñïàñèáî!…

  20. jesus says:

    errand@bradley.be” rel=”nofollow”>.…

    thanks for information….

  21. melvin says:

    crystal@edgy.but” rel=”nofollow”>.…

    thanks….

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