Overlaying Information on Photos to Create a Diagram

In addition to all the text fields, map, photos etc mentioned in the previous article, there's another section of the app that's accessed by tapping on the "Diagram" button in the data entry interface.

This will allow you overlay the measurements to various points around the ground marker to allow third parties to be able to locate it in future. These are really useful to add to witness diagrams if required.

To maintain a common aspect ratio regardless of the screen size of the device, to create a diagram you have to rotate your device to the landscape orientation. You will then be prompted to take a photograph using the standard built-in camera interface.

Once you have taken the photo it will appear on the screen, along with an editing toolbar at the top as per the below:

The main things to note here are:

  • The green padlock in the top left corner
  • The fact that the icons to the right of the green padlock are greyed out
  • The compass icon in the bottom left corner
  • The red triangle in the middle of the screen

The green padlock means that you can pan and zoom the photograph round to position as you'd like. Also, whenever the photo is "unlocked" like this, the compass will automatically spin round to indicate which direction is north using the device's built in magnetometer sensor.

Once you're happy with the position of the photo background, tap on the padlock to "lock it down" so that can no longer be panned or zoomed. Doing this will turn the padlock red and also stop the compass spinning and lock it into position.

In the case of our diagram, the screen will now look like this:

Note that the icons to the right of the padlock are no longer greyed out. We can now overlay lines and text over the photograph to show the distance from the marker to various landmarks around it, but first we need to move the red triangle so it's over the control point.

To do this, simply touch your finger on the screen where the triangle is. It will expand so edges of it are visible. When it does this, you can move your fingertip round to drag the triangle wherever you want it to go. Removing your finger from the screen will "drop" the triangle at that location. You can keep moving it around like this as much as you like.

Now, the camera button in the toolbar lets you take another photograph if you decide you don't like the one you have.

If you tap the button with the red arrow on it, a purple line will appear on the photograph coming out from the centre of the red triangle with a blue handle on the end. In the same way you can drag n' drop the triangle around, you can put your finger on the blue handle at the end of the line and move the tip about to wherever you like on the photo. Once it is in position, tap anywhere else on the photo and the line will turn red with an arrowhead on the end. If you want to move the arrow somewhere else, tap on the line and it will turn purple again with the handle on so you can drag n drop it somewhere else.

Here's a red line added to the diagram, and a purple one ready to be moved into position:

You can add as many lines as you like. If you want to delete one, tap on it so it goes purple and then tap on the dustbin icon in the top right of the toolbar. This appears whenever a draggable item is selected.

An interesting thing to note at this stage is that if you have added lines, you can still drag the red triangle about if needs be - the lines will follow it around so they still come out of the centre.

Once you have your arrows pointing to some landmarks, you can add labels to the diagram by tapping on the  "123" button. This brings up the keyboard and adds a text field to the diagram like so:

You can type in whatever text you like into the text field but it will only display on one line. When you're ready, tap on the "Done" button on the keyboard to dismiss the keyboard. As with the triangle, tap and hold on the label until it expands and drag it into position, letting go when in place. This can be repeated as required to get it in the right place. To edit the text, quickly tap on the label to bring up the keyboard. Doing this will also display the dustbin icon if you want to delete the label for any reason.

As with the lines, there's no limit to the number of labels you can add.

Using a combination of these elements, you can quickly create a diagram demonstrating the position of your ground marker.

If you want see how it'll look without the buttons over the top, tap on the little down arrow button at the top left to move the toolbar up and out of the way. Tap on it again to unhide the toolbar.

Once you're happy with your diagram, tap on the "X" button at the top right to save it and return to the data entry view. You can come back into it any time and to edit it if required.

Below is an example of our complete diagram:

Have more questions? Submit a request


Please sign in to leave a comment.