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