La librairie Maplibre propose une fonctionnalité d'ajout d'échelle. Elle s'ajuste automatiquement selon le niveau de zoom et vous pouvez spécifier l'unité désirée ainsi que sa largeur maximum.

Ajouter une échelle #

map.addControl(new maplibregl.ScaleControl);

Personnaliser l'échelle #

Vous pouvez configurer la largeur de l'échelle et l'unité de l'échelle. Comme pour tout les contrôleurs de carte dans Maplibre, vous pouvez également préciser sa position sur la carte.

map.addControl(new maplibregl.ScaleControl({
    maxWidth: 80,        // Largeur maximale en pixels
    unit: 'metric'        // 'imperial', 'metric' ou 'nautical'
}), 'bottom-right'); // Position personnalisée, parmis 'top-left', 'top-right', 'bottom-left' ou 'bottom-right'

Pour plus d'informations, consultez la documentation Maplibre.

Prochaine étape #

Ajouter un bouton de géolocalisation