Let’s take a look at how to configure the template properly, then we will have a look at some examples.
Configuring the Image Maps template
1. Select the “Image Map” template from the template gallery - it is found in the “Content” section.
2. You’ll need to upload the “Image Map” image - this is the first image that learners will see, and the image from which we will be defining hotspots.
3. In the “Waypoints” section of the authoring tool, you will now be able to define an area within the Image Map (your waypoint or hotspot), and link it to another image by simply dragging and dropping the new image from your computer. Here, you can also add narration for each waypoint, by uploading an MP3 file.
4. After you’ve configured your waypoints and previewed them live in the authoring tool, you’ll be able to configure some other options.
“Zoom” can be enabled to make the image have a “zoom” transition when clicked - disabled, this transition will be a simple slide from the bottom of the screen.
5. You can change your waypoint colour to be either White, Black or invisible (none).
6. Change the prompt depending on your content - if you feel learners won’t know what to do, you can give them more specific instructions. Leave this alone if you’re unsure.
7. You can change your background colour to any CSS colour code, or rgb/rgba number.
8. Once you’re done playing around with the flexible and versatile options available, test your slide then and there, live, in the authoring tool!