Map Walkthrough tour

[carina1000]

Problem

We need to educate the map and it's functions to first-time users

Solution

Explain the following with a pop up (as illustrated below), in order:

• How to zoom (either using the +/- tool or left-click-shift-drag to access the square-select function)
• Biodiversity Legend, sites and class clusters
• How to search/what they can search for
• Briefly explain filters (maybe?)
• Explain side pannel information and detailed dashboard
• Locate by coordinate
• Explain Data upload & Validation Process
• Data download
• Maps and Basemaps

I have put this all into a google doc so we can give input and evolve it. See here: https://docs.google.com/document/d/1GBEQtVAvvCMZyyrw_gvcdNnVZyFqZl82LGW8ZKlSZ_E/edit#

Example of first pop up explainer design:

Example of tool explainer pop up design:

Add Help icon onto the main map page so the user can access this walkthrough at a later stage

[gubuntu]

For LEDET BIMS too please

[dimasciput]

We need to decide whether to use walkthrough or hints :

Walkthrough mode :

Hints mode :

[gubuntu]

does it have to be either/or?

I prefer hints

this should be in django-bims so it's available in LEDET too