Code snippets: Interactive map (3D)

 

Interactive map / 3D interactive map

  1. Hide the categories at the top

    .im__filters__categories { display: none; }

     

  2. Hide the '? - info' button

    .im__button.im__button--info { display: none; }

     

  3. Hide the ‘reset’-button

    .im__button.im__button--info, .im__button.im__button--reset { display: none; }

Popups interactive map (3D)

  1. Straighten the corners of a custom card

     

  2. Remove the ‘pin - reset popup’ symbol

     

  3. Remove the line (divider) under the text and above the image

     

  4. Remove the thick line under the title

     

  5. Change the color of the thick line under the title

     

  6. Change the color of the icons in the header (reset, close)

 

Scrollable map

  1. For all interactive maps in a scenario

 

2. For a specific interactive map

 

Disable loop for Maps

You can disable the default loop for Maps with a css variable.

Select the previous/next map button

If you need previous next buttons for your maps you could hide all buttons except the previous and next button