Bonjour,

Je voudrais savoir comment utiliser une variable d'un fichier à un autre.

J'utilise Maplibre.
J'ai un fichier Map.jsx dans lequel j'ai défini ma carte (ci-dessous)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
const Mapping = () => {
  const mapContainerRef = useRef();
  const mapRef = useRef();
 
 
  useEffect(() => {
    mapRef.current = new maplibregl.Map({
      container: mapContainerRef.current,
      style: 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json',
      center: [-79.4512, 43.6568],
      zoom: 13
    });
 
return <div ref={mapContainerRef} style={{ height: '100%' }} />;
 
}
 
export default Mapping;

Maintenant je veux avoir des contrôles comme un géocodeur (en fait un input text autocomplété) ou un zoom dans un autre fichier (par ex : Controls.jsx)

Ces contrôles faisant référence à mapRef.current, comment dois-je faire pour récupérer la valeur de la mapRef.current dans Controls.jsx ? Est ce que dans la fonction Controls de Controls.jsx, je peux passer en paramètre la carte ?

Merci pour vos retours

Sylvain