dataforgoodfr / dataforgoodfr/14_Data4Trees

[D4T Frontend] Create design for map tooling (compass, layer selector, scale, etc.)

Open
#57 3 comments 1 reaction 1 assignee View on GitHub

@david-bretaud-dev is already working on this.

Since May 5, 2026.

D4T_Frontend P1
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).

Image

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 :

Image

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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.