Skip to main content

How to use an image overlaid on a base map

This walks you through using an image as an overlay on top of base maps[?].

You’ll need a suitable image first, for details of requirements for your map image see Image requirements for an overlay on base maps

Demo Theme Park - preview

Step by step:

    1. Register or login to your account on Mapiddiction – there’s a Free trial with no credit card needed.
    2. From the main dashboard use the [+ Add New] button in the Maps menu:
      Mapiddiction Dashboard
    3. Select “Overlay Map” to highlight it then click the Next button:

      Next Button
    4. The “What’s your map for?” screen lets you choose from a range of categories, which adds a default set of Marker pin icons/categories to your map. You can always change and add new Marker Types later. If none of the categories fit, just choose “Custom”. Highlight your selection and click the Next button:
      Map Type Selection
    5. Give your map a name and description – and add a thumbnail image if desired:
      Upload Image 3
    6. All maps start with the “Default” Marker Type, you can add others from the suggestions based on the “What’s you map for?” selection. Click the + to add any suggestion you might want. You can leave any out that you don’t want. You can always add extra Marker Types later. We’ll use the suggestions for the Theme Park map type:
      Add Marker Types 1
    7. Check and confirm your map info:
      Check Your Info
    8. Next you set that Map Area. You can pan/zoom on the base map to the place you want, or search by address:
      Set Map Location 1
    9. Pan and Zoom until the area you want to overlay you custom map image fills as much of the screen as possible, then click the Set Area button:
      Set Location 3 - zoomed
    10. Next, you add your overlay image – click the Add Your First Overlay button, and select or upload your image:
      Add Overlay 1
    11. Now you align or calibrate your image to the base map underneath:
      Alignment 1
    12. You need to choose two points on your image that you can accurately align with the same two points on the base map view of the same place. Switching between the base map’s satellite and street view might make this easier. You need to choose two points that are as far apart as possibly, and ideally not on a straight vertical or horizontal line – opposite corners or points on a diagonal line work best.Select points 1 and 2 on your image (zooming in close to get it as accurate as you can) and click Align Image To Map.
      Then select the same two points (in the same order) on the base map and click Align Layers
      Alignment 4Alignment 8 - street view path intersection
    13. You can use the Overlay Opacity slider to check the important features on your image align correctly with the underlying base map:
      Alignment - check
    14. You’re done! You can now start adding Markers, Labels, and Shapes:
      Demo Theme Park - preview
    15. Next steps:
      1. Add Markers and Marker Types
      2. Add labels
      3. Add content to Markers
      4. Preview your map
      5. Publish your map
      6. Share your map
        1. Add to a website
        2. Share by Email
        3. Share by SMS
        4. Share with a QR Code
Back to Knowledge Base