dataforgoodfr / dataforgoodfr/14_Data4Trees
[D4T Frontend] Create design for map tooling (compass, layer selector, scale, etc.)
@david-bretaud-dev is already working on this.
Since May 5, 2026.
- Dominant language
- TypeScript
- Stars
- 9
- Forks
- 0
- Avg merge
- 10d 11h
- Merged PRs (30d)
- 4
Description
Context
Currently, the map is showng 2 tools : The compass and a layer selector (cf. image, on the top-left and top-right corners).
The design of these elements is very basic, coming directly fom what is implemented in the lib Coordo-TS. This can be changed by overriding default MapLibre CSS classes defined here for the compass, here for the scale.
The layer control has been created in the coordo-ts lib here, so we can customize it directly in coordo-ts lib or provide a way to customize the design via the api similarly as what has been done for the layer popup here
Objective
The goal of these ticket is to make the map look like this design :
As we can see, the design of the buttons corresponds to the other elements in the UI.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.