{"id":484,"date":"2016-04-04T19:59:20","date_gmt":"2016-04-04T16:59:20","guid":{"rendered":"http:\/\/loquiz.com\/support\/?p=484"},"modified":"2026-03-20T17:16:09","modified_gmt":"2026-03-20T14:16:09","slug":"adding-picture-overlay-onto-map-beta","status":"publish","type":"post","link":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/","title":{"rendered":"Adding picture overlay onto map"},"content":{"rendered":"\n<p>Loquiz allows users to add picture overlay onto the map in outdoor games. This picture can be a detailed map, drawing, tourist map, photo, sketch, icons &nbsp;etc. Read more to find out how to add and modify picture overlay.<\/p>\n\n\n\n<!--more-->\n\n\n<div class=\"st-alert st-alert-danger \">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.<\/div>\n\n\n\n<p>Picture overlay can be added while creating\/editing the game (see the screenshot). Just click on the button &#8220;Picture overlay&#8221; which you will find on the map.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-1024x334.png\" alt=\"\" class=\"wp-image-17080\" srcset=\"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-1024x334.png 1024w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-300x98.png 300w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-768x251.png 768w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-1536x501.png 1536w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-60x20.png 60w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-150x49.png 150w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804.png 2025w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Picture overlay settings:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use picture overlay &#8211; choose to use the picture overlay, untick to delete the map.<\/li>\n\n\n\n<li>Image &#8211; use upload from computer option and add an image (maximum 10 MB image). Make sure that the image is not too large, otherwise, you might face issues displaying it on the mobile device.<\/li>\n\n\n\n<li>Maintain aspect ratio &#8211; maintains the proportions of the image. This is chosen by default. \u00a0Untick only if it is not possible to calibrate the map without changing aspect ratio. This will make calibrating the map very difficult.<\/li>\n\n\n\n<li>Alpha (0-100) &#8211; sets the transparency of the map. \u00a00 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).<\/li>\n\n\n\n<li>Rotation in degrees &#8211; sets the map rotation. Use only in case if the map is not lined to the north.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">How to adjust and move the picture overlay?<\/h4>\n\n\n\n<p>You can change the size and location of the picture overlay by moving (dragging) the corners of the picture.<\/p>\n\n\n\n<p>Moving the image is also possible when using the keyboard&#8217;s arrow keys when picture overlay is active (does not work when Picture overlay dialogue is closed).<\/p>\n\n\n\n<p>In a mobile device, you will see the picture overlay as a layer above the base map.&nbsp; It will be presented with location, size, rotation and transparency set within game creating\/editing screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"2400\" src=\"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303.png\" alt=\"\" class=\"wp-image-16769\" srcset=\"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303.png 1080w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-135x300.png 135w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-461x1024.png 461w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-768x1707.png 768w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-691x1536.png 691w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-922x2048.png 922w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-27x60.png 27w, https:\/\/loquiz.com\/support\/wp-content\/uploads\/2016\/04\/Screenshot_20240926-121303-68x150.png 68w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Picture overlay used in screenshot above is from the Demo Adventure. &nbsp;<a href=\"https:\/\/loquiz-live.s3.amazonaws.com\/media\/groups\/BkaA50ulS\/overlay~sHOLK1CiB~overlay.png\" target=\"_blank\" rel=\"noopener noreferrer\">Here it is in photo format<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Loquiz allows users to add picture overlay onto the map in outdoor games. This picture can be a detailed map, drawing, tourist map, photo, sketch, icons &nbsp;etc. Read more to find out how to add and modify picture overlay.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[49,48,52,51,47,50],"class_list":["post-484","post","type-post","status-publish","format-standard","hentry","category-creating-games","tag-alpha","tag-aspect-ratio","tag-image-overlay","tag-map-overlay","tag-picture-overlay","tag-rotation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adding picture overlay onto map - Loquiz knowledgebase<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding picture overlay onto map - Loquiz knowledgebase\" \/>\n<meta property=\"og:description\" content=\"Loquiz allows users to add picture overlay onto the map in outdoor games. This picture can be a detailed map, drawing, tourist map, photo, sketch, icons &nbsp;etc. Read more to find out how to add and modify picture overlay.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/\" \/>\n<meta property=\"og:site_name\" content=\"Loquiz knowledgebase\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-04T16:59:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-20T14:16:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2025\" \/>\n\t<meta property=\"og:image:height\" content=\"661\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Eric\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/\"},\"author\":{\"name\":\"Eric\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/#\\\/schema\\\/person\\\/146baa991dc15587d39906934da45dc7\"},\"headline\":\"Adding picture overlay onto map\",\"datePublished\":\"2016-04-04T16:59:20+00:00\",\"dateModified\":\"2026-03-20T14:16:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/\"},\"wordCount\":377,\"image\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/loquiz.com\\\/support\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Screenshot-2026-03-20-144804-1024x334.png\",\"keywords\":[\"alpha\",\"aspect ratio\",\"image overlay\",\"map overlay\",\"picture overlay\",\"rotation\"],\"articleSection\":[\"4. Creating Games\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/\",\"url\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/\",\"name\":\"Adding picture overlay onto map - Loquiz knowledgebase\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/loquiz.com\\\/support\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Screenshot-2026-03-20-144804-1024x334.png\",\"datePublished\":\"2016-04-04T16:59:20+00:00\",\"dateModified\":\"2026-03-20T14:16:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/#\\\/schema\\\/person\\\/146baa991dc15587d39906934da45dc7\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#primaryimage\",\"url\":\"https:\\\/\\\/loquiz.com\\\/support\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Screenshot-2026-03-20-144804.png\",\"contentUrl\":\"https:\\\/\\\/loquiz.com\\\/support\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Screenshot-2026-03-20-144804.png\",\"width\":2025,\"height\":661},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/adding-picture-overlay-onto-map-beta\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/loquiz.com\\\/support\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding picture overlay onto map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/#website\",\"url\":\"https:\\\/\\\/loquiz.com\\\/support\\\/\",\"name\":\"Loquiz knowledgebase\",\"description\":\"Helping you run awesome games\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/loquiz.com\\\/support\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/loquiz.com\\\/support\\\/#\\\/schema\\\/person\\\/146baa991dc15587d39906934da45dc7\",\"name\":\"Eric\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a1e259c3c8e8b2207b5c23cb8d985fdf416d68c8b2854f582c0a0f89b81b6eba?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a1e259c3c8e8b2207b5c23cb8d985fdf416d68c8b2854f582c0a0f89b81b6eba?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a1e259c3c8e8b2207b5c23cb8d985fdf416d68c8b2854f582c0a0f89b81b6eba?s=96&d=mm&r=g\",\"caption\":\"Eric\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding picture overlay onto map - Loquiz knowledgebase","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/","og_locale":"en_US","og_type":"article","og_title":"Adding picture overlay onto map - Loquiz knowledgebase","og_description":"Loquiz allows users to add picture overlay onto the map in outdoor games. This picture can be a detailed map, drawing, tourist map, photo, sketch, icons &nbsp;etc. Read more to find out how to add and modify picture overlay.","og_url":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/","og_site_name":"Loquiz knowledgebase","article_published_time":"2016-04-04T16:59:20+00:00","article_modified_time":"2026-03-20T14:16:09+00:00","og_image":[{"width":2025,"height":661,"url":"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804.png","type":"image\/png"}],"author":"Eric","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Eric","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#article","isPartOf":{"@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/"},"author":{"name":"Eric","@id":"https:\/\/loquiz.com\/support\/#\/schema\/person\/146baa991dc15587d39906934da45dc7"},"headline":"Adding picture overlay onto map","datePublished":"2016-04-04T16:59:20+00:00","dateModified":"2026-03-20T14:16:09+00:00","mainEntityOfPage":{"@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/"},"wordCount":377,"image":{"@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#primaryimage"},"thumbnailUrl":"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-1024x334.png","keywords":["alpha","aspect ratio","image overlay","map overlay","picture overlay","rotation"],"articleSection":["4. Creating Games"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/","url":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/","name":"Adding picture overlay onto map - Loquiz knowledgebase","isPartOf":{"@id":"https:\/\/loquiz.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#primaryimage"},"image":{"@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#primaryimage"},"thumbnailUrl":"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804-1024x334.png","datePublished":"2016-04-04T16:59:20+00:00","dateModified":"2026-03-20T14:16:09+00:00","author":{"@id":"https:\/\/loquiz.com\/support\/#\/schema\/person\/146baa991dc15587d39906934da45dc7"},"breadcrumb":{"@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#primaryimage","url":"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804.png","contentUrl":"https:\/\/loquiz.com\/support\/wp-content\/uploads\/2021\/05\/Screenshot-2026-03-20-144804.png","width":2025,"height":661},{"@type":"BreadcrumbList","@id":"https:\/\/loquiz.com\/support\/adding-picture-overlay-onto-map-beta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/loquiz.com\/support\/"},{"@type":"ListItem","position":2,"name":"Adding picture overlay onto map"}]},{"@type":"WebSite","@id":"https:\/\/loquiz.com\/support\/#website","url":"https:\/\/loquiz.com\/support\/","name":"Loquiz knowledgebase","description":"Helping you run awesome games","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/loquiz.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/loquiz.com\/support\/#\/schema\/person\/146baa991dc15587d39906934da45dc7","name":"Eric","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/a1e259c3c8e8b2207b5c23cb8d985fdf416d68c8b2854f582c0a0f89b81b6eba?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a1e259c3c8e8b2207b5c23cb8d985fdf416d68c8b2854f582c0a0f89b81b6eba?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1e259c3c8e8b2207b5c23cb8d985fdf416d68c8b2854f582c0a0f89b81b6eba?s=96&d=mm&r=g","caption":"Eric"}}]}},"_links":{"self":[{"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/posts\/484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/comments?post=484"}],"version-history":[{"count":21,"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/posts\/484\/revisions"}],"predecessor-version":[{"id":17094,"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/posts\/484\/revisions\/17094"}],"wp:attachment":[{"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/media?parent=484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/categories?post=484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loquiz.com\/support\/wp-json\/wp\/v2\/tags?post=484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}