src/map/MapCurrentLocation.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import maplibregl from 'maplibre-gl';
import { useEffect } from 'react';
import { map } from './core/MapView';

const MapCurrentLocation = () => {
  useEffect(() => {
    const control = new maplibregl.GeolocateControl({
      positionOptions: {
        enableHighAccuracy: true,
        timeout: 5000,
      },
      trackUserLocation: true,
    });
    map.addControl(control);
    return () => map.removeControl(control);
  }, []);

  return null;
};

export default MapCurrentLocation;