Loquiz now allows users to add picture overlay onto the map in outdoor games (this feature is in Beta, so use with caution!).  This picture can be a detailed map, drawing, tourist map, photo, sketch, icons  etc. Read more to find out how to add and modify picture overlay.

Displaying pixel maps dynamically puts the mobile hardware under pressure. If the picture added is large (longer side more than 1920 px), it will be downscaled in our server. Picture might be downscaled also further in device depending on the device capabilities.

Picture overlay can be added while creating/editing the game on “Locations” screen (see the screenshot). Just click on the button “Picture overlay (beta)” which you will find on the map.

maplayer

Picture overlay settings:

  • Use picture overlay – choose to use the picture overlay, untick to delete the map.
  • Image URL – use to insert the address of the image which you want to add as a picture overlay. Make sure that the image is not too large, otherwise you might face issues displaying it on the mobile device.
  • Maintain aspect ratio – maintains the proportions of the image. This is chosen by default.  Untick only if it is not possible to calibrate the map without changing aspect ratio. This will make calibrating the map very difficult.
  • Alpha (0-100) – sets the transparency of the map.  0 is full transparency, 100 is opaque. Increasing transparency will help to calibrate the map. The same transparency is used in mobile device (it allows you to show the map under the photo layer if needed).
  • Rotation in degrees – sets the map rotation. Use only in case if the map is not lined to the north.

How to adjust and move the picture overlay?

You can change the size and location of the picture overlay by moving (dragging) the corners of the picture.

Moving the image is also possible when using the keyboard’s arrow keys when picture overlay is active (does not work when Picture overlay dialogue is closed).

In mobile device you will see the picture overlay as a layer above the basemap.  It will be presented with location, size, rotation and transparency set within game creating/editing screen.

 

Screenshot_2016-03-31-13-19-15

Picture overlay used in screenshot above is from Tallinn Zoo.  Here it is in photo format.

As said, this feature is considered Beta, please use with caution.