How to

Overlay an image over map

Overlay an image over map

MapTiler provides you with a straightforward way to overlay any image over the online map. This example shows the overlay of a Campus Map in the Nottigham, UK.

First, open the Maptiler and choose “Mercator tiles”

Overlay over map

Then, drag&drop the image inside

Overlay over map

Confirm suggested Coordinate system and click on the “Assign location visually” button to add the Georeference

Overlay over map

Assign control points to the same places on the both maps. Minimum number of control points is 3. The more control points you add, the more precise the result will be

Overlay over map

After assigning of the control points you can check the position on the map and adjust again, if necessary. Then click on “continue”

Overlay over map

Choose, whether you want to render into the Folder or MBTiles, create a new directory or assign existing empty one and click on the “render” button

Overlay over map

When the rendering is complete, you can check the result either by clicking on the “View Map” button or opening the index.html file in the created folder

Overlay over map

Your picture is now an overlay of the online map with a perfect match on its geographical position.

Overlay over map

You can further import your own map into a mobile device or choose a suitable online hosting.