The overlay resource allows you take an image and position it on a map (GPS location, size, rotation) within the form builder. Once positioned, the overlay image will show in the location question on the mobile device's form. 

If you'd like trial access to this feature, please contact support@devicemagic.com

Note: This feature is only supported by our iOS app at this time and will be made available for Android soon.  

Add a Map Overlay Resource

1. Navigate to your Resources page and click the "Add New Resource" button.

2. On the following page, select "Map Overlay" as the resource type.

3. Add a description.

4, Choose your image (.jpg, .png, .gif).

Position Image over Map

Adjust Map

The image will then appear on the map in the "Position Overlay" section. From there, you can zoom the map in and out using the "+" and "-" buttons in the bottom right corner. Clicking the map and dragging your cursor will move the map. 

Adjust Image

To adjust the opacity of the uploaded image, use the "Opacity" slider in the top left corner.

To adjust the size or rotation of the image, first, select the image by right clicking it. Then, left click the image to bring up adjustment options.

Rotation: Click and hold the square above the center of the image (highlighted in red below), adjust by sliding your cursor. 

Size: Click and hold any of the squares directly bordering the image (highlighted in blue below), adjust by sliding your cursor.

Create Resource

When the map overlay is ready, click "Create Resource".

Add Resource to a Form

To assign a Map Overlay to a Location Question, open your form within the form builder and click on the question.

Then, click "Select Resource" and choose the map overlay.

This is how the Location Question with the assigned Map Overlay will appear in the mobile app. 

If a Location Question with an overlay is also the Primary Question in a Repeat Group, the overlay will be included in the Repeat Group Map Summary, showing the pins of the entries within that group. For more information, please see this article.

Other Useful Articles:

If you have any questions or comments, feel free to send us a message at support@devicemagic.com.

Did this answer your question?