The Interactive Map module is an interactive touch card on which different points of interest can be indicated.
The ‘map’ can be a geographical map, but can also just be an image of different products; a landscape; a production process;… You can place touch points on this image. This is often visualized by means of a pin. When you press this pin, you will see a pop-up with text and assets (video and/or photo).
When you click on “Interactive Map” in the module menu, you will get an overview of all existing Interactive Map modules, as well as a button to add an Interactive Map module.
Delete an interactive map module: the entire module is deleted
Duplicate an interactive map module: the entire module, including all its contents, is duplicated
Cancel an interactive map module: all changes that were made before saving can be cancelled by clicking the cancel button
Module name: internal work name
Has introduction: determines whether the module should show an introductory pop-up
If ‘has introduction’ is activated, you can add text and title in any language:
It is possible to add multiple maps within an Interactive Map module, each of which has its own information. A list of all created maps can be seen on the left-hand side and the details of the selected map on the right-hand side .
You can determine the following for the selected folder:
Map name: internal name
Map thumbnail: miniature image that is used for navigation between different maps Tip: Optimal resolution: 94px x 94px
General map info: can be set per language
Map: background, the map itself. This can also be set per language. If it is the same for every language, activate ‘apply to all languages’ after you have uploaded your photo or video and before saving.
image: .jpg or .png
video: .mp4. The video is playing in loop with audio.
Draggable original size
Default off: the system will automatically fit the uploaded photo or video into screen
One: the system will use the original file size and add scroll functionalities
screen size = asset size → no scroll
screen width < asset width → horizontal scroll
screen height < asset height → vertical scroll
screen width and height < asset width and height → horizontal and vertical scroll
The starting point of the charged asset is always top left. To add this, you can use some CSS rules