La librairie Maplibre propose un bouton de géolocalisation, qui permet aux usagers de se localiser sur la carte via l'API de géolocalisation du navigateur internet.

Ajouter un bouton de géolocalisation #

map.addControl(new maplibregl.GeolocateControl);

De la même manière que pour les autres contrôleurs, vous pouvez choisir la position du bouton sur la carte :

map.addControl(new maplibregl.GeolocateControl(), 'top-left');

Il est possible de personnaliser le comportement (précision, suivi continu, etc.), notamment pour de l'usage mobile et GPS. Pour en savoir plus, consultez la documentation Maplibre.

Par exemple, pour faire le suivi en continu de la position de l'utilisateur :

map.addControl(new maplibregl.GeolocateControl({
    positionOptions: {
        enableHighAccuracy: true    // Demander une précision élevée
    },
    trackUserLocation: true,        // Continuer à suivre la position de l'utilisateur
}));