Skip to content

Improve Maps in Dashboards #11525

@allyoucanmap

Description

@allyoucanmap

Description

This task aims to improve the Map widget component inside the dashboard app to provide more functionalities:

  • Background selector available on top of the map widget for a rapid access of the available backgrounds
  • Table of content in form of legend on top of the map widget to contextualize information inside the map
  • Possibility to access to an advanced map viewer from the map widget card inside the dashboard

Additional notes:

  • a user should be able to decide if the background selector should be visible or not. Expected a checkbox inside the Map widget builder
  • a user should be able to decide if the legend should be visible or not. Expected a checkbox inside the Map widget builder
  • background selector and legend should be responsive.
  • implementation of advanced viewer should use same workflow and component of MapEditor plugin used inside GeoStories
  • Map builder should display tabs that shows layers or TOC in one tab and settings to configure the visibility of legends and background selector in map widget viewer
  • Display an alert in the following scenarios:
    • When toggling the “Show legend” option in the map widget viewer, if the map already has an associated legend widget.
    • Alternatively, when creating a new legend widget, if the map’s legend is already configured to be displayed in the map widget viewer

Mockup background selector and legend in map widget

The map widget on the top left corner of the dashboard is showing both the background selector and the contextual table of content with legend style. We could make both components, background selector and legend, configurable inside the wizard steps of the map widget builder.

Image

In the next screenshot is visible the fullscreen map widget showing the background selector and table of content. Based on map widget size we could decide to hide background selector and legend and display them only if there are enough screen space (e.g. fullscreen)

Image

Mockup advanced viewer

We could also include an additional advanced viewer option inside the list of tools available in the widget card. This button will open the advanced map viewer in overlay.

Image

Finally the advanced map viewer is overlayed on top of the dashboard. This advanced map viewer will contain common functionalities to the main default map viewer application.

Image

What kind of improvement you want to add? (check one with "x", remove the others)

  • Changes to existing features

Other useful information

Metadata

Metadata

Assignees

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions