Maps: additional layers
We wish to enable users to display additional tile layers on the map at https://sandbox.genesys-pgr.org/a/map
bio1
tiles
Map with
Layers
Enable these layers:
- https://{s}.tile.genesys-pgr.org/worldclim1.4/bio1/{z}/{x}/{y}.png as
t('accession.climate.bio1)
- https://{s}.tile.genesys-pgr.org/worldclim1.4/bio5/{z}/{x}/{y}.png as
t('accession.climate.bio5)
- https://{s}.tile.genesys-pgr.org/worldclim1.4/bio6/{z}/{x}/{y}.png as
t('accession.climate.bio6)
- and for bio12, bio13, bio14. Browse at https://a.tile.genesys-pgr.org/worldclim1.4/
-
Note: allowed tile layer subdomains are
subdomains={ [ 'a', 'b', 'c', 'd' ] }
Example:
<TileLayer
opacity={ 0.50 }
maxZoom={ 7 }
attribution={ '© worldclim.org' }
url={ 'https://{s}.tile.genesys-pgr.org/worldclim1.4/bio1/{z}/{x}/{y}.png' }
subdomains={ [ 'a', 'b', 'c', 'd' ] }
/>
Details
The user should be able to "tick" one or more layers to be added (in order) to the <Map
. Ideally we would have a right-hand-side pull-out where map configuration can be modified.
We need a list of Layer
configurations AVAILABLE_LAYERS
that are used 1. in map configuration pull-out and 2. to configure the TileLayer
when rendered.
For each available map in AVAILABLE_LAYERS
in the settings:
- Display
{ t(layer.title) }
- Show layer description:
{ layer.description }
- Display layer attribution:
{ layer.attribution }
- Toggler to enable display of this layer
- Allow user to set opacity (0f - 1f) (defaults to
0.5
)