Add pop-up features to a map (Pop-up map/Click maps)

How can I add points/lines/areas to a map that the respondent clicks to see information and questions about those places? 

Untitled

When using maps as part of your questionnaire, you can highlight specific places, routes or areas on the map and attach pop-ups with information and questions to them. The respondent clicks the feature to open the pop-up. This is called a Pop-up map (formerly click maps or clickable map objects).

  1. You can use shapefiles, geoJSON files and WFS layers or create the map from scratch using Create a map

    Each point/line/area on the map should have a unique ID that's listed in its attributes. The ID makes it possible to know which feature the respondent clicked on the map. The IDs should be numbers, and they cannot include decimals or letters.

    • If you use Create a mapto create the map layer, the IDs are automatically added.
    • If you are using ArcGIS to generate the shapefile, do not use the automatic FID column for this purpose as it is not exported outside ArcGIS.

    If you're not sure if the map layer has valid IDs or how to add them, contact support@maptionnaire.com.

  2. Go to Materials and upload the map layer. Decide how it should be visualized (color, size, labels...).

  3. Under ID key, select the column (from the attribute table) that contains the unique IDs for features.

  4. Go to the questionnaire editor and add the map as a Map overlay to the page on which you want to show it.

  5. Add a Pop-up map element to the page.

    Choose the map layer again in the element's settings ("Map layer").

  6. Click Create pop-up. Add the content and questions to the pop-up.
  7. Preview the page and check that the features launch a pop-up when clicked.

If you want each pop-up to have different content (e.g. a description of the specific place)

  1. Using a GIS program, add the content to the attributes of the map file. E.g. create a column called "Description" and paste the different descriptions in it.
  2. Follow the steps listed above until #5. When you create the pop-up, add a Text box element in it. Write the column's name in curly brackets in the text box. E.g. if the name of the column is Description, then you'd write {Description}.

    click_maps.png

  3. Add any other content (such as questions) to the pop-up.

  4. Go to Preview page and check that a different description comes up when you click different features.

If you're using WFS or geoJSON layers, make sure that the layer supports WGS84 (EPSG:4326/3857) and has latitude and longitude in decimal degrees.

Can I show a different image in each pop-up?

Yes, you can. For this you need to have added the images to a cloud (please contact support@maptionnaire.com for further info). Then add each URL to the attribute table (or properties/layer info) and make a note of the name of that column. When editing the pop-up, add the Image element and write the name of the column (e.g. "Photos") under Data key for url.

Was this article helpful?
1 out of 1 found this helpful