{"id":5539,"date":"2021-05-26T11:30:02","date_gmt":"2021-05-26T10:30:02","guid":{"rendered":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?post_type=epkb_post_type_1&#038;p=5539"},"modified":"2024-05-24T16:18:22","modified_gmt":"2024-05-24T15:18:22","slug":"creating-interactive-images","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/","title":{"rendered":"Creating interactive images with a Map control"},"content":{"rendered":"\n<p>\n  This tutorial describes how to use your own images to make a&nbsp;question&nbsp;interactive and more engaging<strong>.<\/strong>\n<\/p>\n\n\n\n<p>\n  We will use the gender question as the example for this worksheet.&nbsp; Sample images are available to download below.\n<\/p>\n\n\n\n<p>\n  Download the sample images using right-click and selecting \u2018Save Image as\u2026\u2019\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"150\" height=\"100\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png\" alt=\"Sample images\" class=\"wp-image-5540\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"200\" height=\"90\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-pfnts-e1473675261510-png.png\" alt=\"Sample images\" class=\"wp-image-5541\"\/><\/figure>\n\n\n\n<p>Snap Surveys also provides a range of <a href=\"https:\/\/www.snapsurveys.com\/resources\/survey-images\/rating-scales\/\" target=\"_blank\" rel=\"noreferrer noopener\">rating scales<\/a> that you can download and use.<\/p>\n\n\n\n<p>Snap XMP Desktop allows you to show coded questions as clickable images. These are known as Map Controls. To create your own Map Control you must edit your image in the Map Control Editor. <\/p>\n\n\n\n<p>   You can convert single and multi-response questions to Map Controls. You must define an area of the image that represents each code, and then set how it will appear when the respondent clicks on it. The image used to form the structure of the map control can be a picture of anything \u2013 it is not limited to a cartographical map. Possibilities include: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n    map of a country, region or district split up into areas\n  <\/li>\n\n\n\n<li>\n    schematic picture of a human body which may be used to indicate areas affected by injury or disease\n  <\/li>\n\n\n\n<li>\n    photograph of a street scene with potentially hazardous situations marked\n  <\/li>\n<\/ul>\n\n\n\n<p>\n  Map Controls can be associated with single-response and multiple-response questions in electronic editions of the questionnaire, such as, Snap Online, tablet, kiosk or smartphone.\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Add the question<\/h2>\n\n\n\n<p>\n  This section describes adding the single-response Gender question to your questionnaire.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>   Open your survey in Snap XMP Desktop. <\/li>\n\n\n\n<li>   Add a new question. If it is not already a <strong>Single choice<\/strong> type question then change it to one and set it as <strong>Single<\/strong> response.    <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"410\" height=\"168\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/addsinglechoicequ-png.png\" alt=\"Single Choice question\" class=\"wp-image-5542\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/addsinglechoicequ-png.png 410w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/addsinglechoicequ-png-300x123.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><figcaption class=\"wp-element-caption\">Single Choice <\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Enter your questionnaire text (Are you male or female?) and two codes.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Define the map control<\/h2>\n\n\n\n<p>\n  You convert your question to a Map Control using the <strong>Show<\/strong> toolbar topic and then set up your Map Control in the Map Control Editor. You must choose an image and then define the clickable areas.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Select the Map Control question.\n<\/li>\n\n\n\n<li>\n  Choose the <strong>Show<\/strong> topic and select <strong>As Map Control<\/strong>, then click the <strong>Show<\/strong> checkbox.\n  <br>\n  <img loading=\"lazy\" decoding=\"async\" width=\"527\" height=\"225\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/addmapcontrol-png.png\" class=\"wp-image-5543\" alt=\"AddMapControl.PNG\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/addmapcontrol-png.png 527w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/addmapcontrol-png-300x128.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/>\n<\/li>\n\n\n\n<li>\n  Double-click the gray area or click the <strong>[Map control]<\/strong> button on the toolbar to open the Map Control Editor.\n<\/li>\n\n\n\n<li>\n  Select <strong>File | Import image\u2026<\/strong> and browse for your image.\n<\/li>\n\n\n\n<li>\n  Select the rectangle \n  <img loading=\"lazy\" decoding=\"async\" width=\"23\" height=\"22\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/rectangle_btn-gif.gif\" class=\"wp-image-5544\" alt=\"rectangle_btn.gif\">\n  .\n  <br>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"318\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontroleditor1-png.png\" alt=\"Map Control Editor\" class=\"wp-image-5545\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontroleditor1-png.png 377w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontroleditor1-png-300x253.png 300w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>\n  Draw a rectangle around the male icon. This defines the clickable area for the respondent to select a code.\n<\/li>\n\n\n\n<li>\n  Select <strong>Shape | Assign to code<\/strong>, and select the appropriate code.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"344\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontroleditor2-png.png\" alt=\"Map Control Editor showing the Assign to code selection\" class=\"wp-image-5546\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontroleditor2-png.png 377w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontroleditor2-png-300x274.png 300w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>\n  Click the <strong>Colour Filter <\/strong>\n  <img loading=\"lazy\" decoding=\"async\" width=\"23\" height=\"22\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/overlay-gif.gif\" class=\"wp-image-5547\" alt=\"overlay.gif\">\n  &nbsp;button. This sets which colour you want to use to highlight the area when it has been selected.\n<\/li>\n\n\n\n<li>\n  Choose a blue and click<strong> Close<\/strong>.\n<\/li>\n\n\n\n<li>\n  Select the rectangle \n  <img loading=\"lazy\" decoding=\"async\" width=\"23\" height=\"22\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/rectangle_btn-gif-1.gif\" class=\"wp-image-5548\" alt=\"rectangle_btn.gif\">\n   and draw a rectangle around the female icon. Assign the code and set a different colour.\n<\/li>\n\n\n\n<li>\n  Click the <strong>Preview<\/strong> tab at the base of the window.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"240\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontrolpreview-png.png\" alt=\"Map Control Preview\" class=\"wp-image-5549\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"12\">\n<li>\n  Click on each area in turn to check it behaves as you would expect.\n<\/li>\n\n\n\n<li>\n  Click<strong> OK<\/strong> to return to the questionnaire.\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Making the map control a \u201cMust answer\u201d question<\/h2>\n\n\n\n<p>\n  You can apply must answer and minimum and maximum response requirements to Map Controls and Slider Control questions.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Select the image map question in your questionnaire.\n<\/li>\n\n\n\n<li>\n  Click \n  <img loading=\"lazy\" decoding=\"async\" width=\"26\" height=\"26\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/variablepropsicon-png.png\" class=\"wp-image-5550\" alt=\"VariablePropsIcon.png\">\n   or press [Alt]+[Enter] to display the <strong>Variable Properties<\/strong> for the question.\n<\/li>\n\n\n\n<li>\n  Scroll down to find <strong>Must Answer<\/strong> and set it to <strong>Yes<\/strong>.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"372\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/variablepropsmustanswer-png.png\" alt=\"Variable Properties with Must answer set to Yes\" class=\"wp-image-5551\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/variablepropsmustanswer-png.png 280w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/variablepropsmustanswer-png-226x300.png 226w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><figcaption class=\"wp-element-caption\"> <\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>\n  Click<strong> OK<\/strong> to force respondents to answer the gender question.\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Save your Map Control to use again<\/h2>\n\n\n\n<p>\n  You can save your Map Control so that you can use it in other surveys and other editions.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Double-click the Map Control to open the Map Control Editor.\n<\/li>\n\n\n\n<li>\n  Select <strong>File | Save map control<\/strong> and browse for a folder.\n<\/li>\n\n\n\n<li>\n  Give your Map Control file a name and click <strong>Save<\/strong>.\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5: Change the Map Control for different screen sizes<\/h2>\n\n\n\n<p>\n  Map Controls can take a lot of screen space and take time to load. You can change their size to make them suitable for smaller screens. You can remove them if you are concerned about load time.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Create the Map Control question in your new edition or survey. (Use a Snap Online edition for an adaptive survey, or mobile for one which is only going to be used on mobile devices).\n<\/li>\n\n\n\n<li>\n  Convert the question to a Map Control (Choose the <strong>Show<\/strong> topic and select <strong>As Map Control<\/strong>, then click the <strong>Show<\/strong> checkbox). If you have added an additional edition to your survey, you will see the gender Map Control. If it is a new survey, you must load your saved Map Control.\n<\/li>\n\n\n\n<li>\n  Double-click the gray area to open the Map Control Editor.\n<\/li>\n\n\n\n<li>\n  Select <strong>File|Load map control<\/strong> and select the control you saved earlier.\n<\/li>\n\n\n\n<li>\n  The gender map will load. Select the size control and change the size to 50%. The map will resize.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"324\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontrolresize-png.png\" alt=\"Map Control Resize\" class=\"wp-image-5552\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontrolresize-png.png 376w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/mapcontrolresize-png-300x259.png 300w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>\n  Click<strong> OK<\/strong> to leave the Map Control Editor.\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Removing a map control<\/h2>\n\n\n\n<p>\n  You can remove a map control from a question.\n<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\n  Select your Map Control question.\n<\/li>\n\n\n\n<li>\n  Select the<strong> Show<\/strong> toolbar topic.\n<\/li>\n\n\n\n<li>\n  Select <strong>As Map Control<\/strong> by clearing the <strong>Show<\/strong> box.\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"220\" src=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/showsinglechoicequ-png.png\" alt=\"Show the Map Control as a Single Choice question\" class=\"wp-image-5553\" srcset=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/showsinglechoicequ-png.png 518w, https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/showsinglechoicequ-png-300x127.png 300w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/figure>\n\n\n\n<p>\n  If there is a topic you would like a tutorial on, email to <a href=\"mailto:snapideas@snapsurveys.com\" target=\"_self\" rel=\"noopener noreferrer\">snapideas@snapsurveys.com<\/a>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial describes how to use your own images to make a&nbsp;question&nbsp;interactive and more engaging. We will use the gender question as the example for this worksheet.&nbsp; Sample images are available to download below. Download the sample images using right-click and selecting \u2018Save Image as\u2026\u2019 Snap Surveys also provides a range of rating scales that [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"epkb_post_type_1_category":[84],"epkb_post_type_1_tag":[105,104,103,102],"class_list":["post-5539","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-how-to-tutorials-snap-desktop-design","epkb_post_type_1_tag-clickable","epkb_post_type_1_tag-images","epkb_post_type_1_tag-interactive","epkb_post_type_1_tag-map-control"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating interactive images with a Map control | SnapSurveys<\/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:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating interactive images with a Map control | SnapSurveys\" \/>\n<meta property=\"og:description\" content=\"This tutorial describes how to use your own images to make a&nbsp;question&nbsp;interactive and more engaging. We will use the gender question as the example for this worksheet.&nbsp; Sample images are available to download below. Download the sample images using right-click and selecting \u2018Save Image as\u2026\u2019 Snap Surveys also provides a range of rating scales that [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/\" \/>\n<meta property=\"og:site_name\" content=\"SnapSurveys\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/snapsurveys\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-24T15:18:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@snapsurveys\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/\",\"name\":\"Creating interactive images with a Map control | SnapSurveys\",\"isPartOf\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png\",\"datePublished\":\"2021-05-26T10:30:02+00:00\",\"dateModified\":\"2024-05-24T15:18:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#primaryimage\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png\",\"contentUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png\",\"width\":150,\"height\":100,\"caption\":\"gender-150x100.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Snap XMP Support\",\"item\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp-archive\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Creating interactive images with a Map control\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/\",\"name\":\"Snap XMP Support Hub\",\"description\":\"Support documentation for Snap Surveys products\",\"publisher\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization\",\"name\":\"Snap Surveys\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg\",\"contentUrl\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg\",\"width\":867,\"height\":159,\"caption\":\"Snap Surveys\"},\"image\":{\"@id\":\"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/snapsurveys\",\"https:\/\/x.com\/snapsurveys\",\"https:\/\/www.linkedin.com\/company\/snapsurveys\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating interactive images with a Map control | SnapSurveys","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:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/","og_locale":"en_GB","og_type":"article","og_title":"Creating interactive images with a Map control | SnapSurveys","og_description":"This tutorial describes how to use your own images to make a&nbsp;question&nbsp;interactive and more engaging. We will use the gender question as the example for this worksheet.&nbsp; Sample images are available to download below. Download the sample images using right-click and selecting \u2018Save Image as\u2026\u2019 Snap Surveys also provides a range of rating scales that [&hellip;]","og_url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/","og_site_name":"SnapSurveys","article_publisher":"https:\/\/www.facebook.com\/snapsurveys","article_modified_time":"2024-05-24T15:18:22+00:00","og_image":[{"url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@snapsurveys","twitter_misc":{"Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/","name":"Creating interactive images with a Map control | SnapSurveys","isPartOf":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#primaryimage"},"image":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png","datePublished":"2021-05-26T10:30:02+00:00","dateModified":"2024-05-24T15:18:22+00:00","breadcrumb":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#primaryimage","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png","contentUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2021\/05\/gender-150x100-png.png","width":150,"height":100,"caption":"gender-150x100.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/creating-interactive-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.snapsurveys.com\/support-snapxmp\/"},{"@type":"ListItem","position":2,"name":"Snap XMP Support","item":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp-archive\/"},{"@type":"ListItem","position":3,"name":"Creating interactive images with a Map control"}]},{"@type":"WebSite","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#website","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/","name":"Snap XMP Support Hub","description":"Support documentation for Snap Surveys products","publisher":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#organization","name":"Snap Surveys","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/","url":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg","contentUrl":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-content\/uploads\/2020\/06\/snap-surveys-logo-fc.svg","width":867,"height":159,"caption":"Snap Surveys"},"image":{"@id":"https:\/\/www.snapsurveys.com\/support-snapxmp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/snapsurveys","https:\/\/x.com\/snapsurveys","https:\/\/www.linkedin.com\/company\/snapsurveys"]}]}},"_links":{"self":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/5539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/comments?post=5539"}],"version-history":[{"count":8,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/5539\/revisions"}],"predecessor-version":[{"id":11973,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1\/5539\/revisions\/11973"}],"wp:attachment":[{"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/media?parent=5539"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=5539"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/www.snapsurveys.com\/support-snapxmp\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=5539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}