Secondary basemaps 🗺️

[IndigoWizard]

• Adding areal imagery layer basemaps
• Configuring custom basemap: normal & colorblind-friendly
  • Normal Vision: No color vision deficiency.
  • Protanomaly: Red-green color blindness where the red cones in the eye are abnormal.
  • Protanopia: Complete red-green color blindness where the red cones are missing.
  • Deuteranomaly: Mild red-green color blindness where the green cones in the eye are abnormal.
  • Deuteranopia: Complete red-green color blindness where the green cones are missing.
  • Tritanomaly: Blue-yellow color blindness where the blue cones in the eye are abnormal.
  • Tritanopia: Complete blue-yellow color blindness where the blue cones are missing.
  • Achromatopsia: Total color blindness where none of the cones in the eye function, resulting in seeing the world in shades of gray.

[IndigoWizard]

The current issues can be solved through the creation or use of custom basemaps, but it's important to also make basemaps that are colorblind-friendly as the app now supports accessibility feature to display color palettes for common color blindness types.
The following is a list of resources that help create custom basemaps for various purposes, it can be time consuming to do everything myself and specially testing the colors for accessibility so feel free to contribute:

• How to create a custom map in with Mapbox 5 steps
• Create your own map design with MapTiler
• A list of WMS tiles for leafletjs and Folium

IMPORTANT: I can't have 10 basemaps just for the sake of accessibility, it will fill up the control panel layer and hide the map (it defies the concept of accessibility). Instead the custom basemaps should be built in a way to replace the current basemap (OpenStreetMap) according to user input.
Also try to add one basemaps that can check most of the accessibility conditions of similar colorblindness types. Make sure the colors are colorblind-safe.