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”
Then, drag&drop the image inside
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
After assigning of the control points you can check the position on the map and adjust again, if necessary. Then click on “continue”
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
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
Your picture is now an overlay of the online map with a perfect match on its geographical position.
You can further import your own map into a mobile device or choose a suitable online hosting.