Estaba siguiendo un tutorial de youtube y seguí los pasos exactamente, sin embargo, mi mapa parece no funcionar. Aparece una pantalla en blanco incluso cuando coloco mi propio token de acceso. Intenté seguir otros tutoriales y tengo el mismo problema. Cuando entro en el sitio web de react-map-gl y sigo su ejemplo, tampoco funciona. He intentado depurar esto durante horas y realmente agradecería cualquier consejo sobre cómo proceder. Para referencia aquí está mi código:
import { useState } from 'react'; import ReactMapGL from 'react-map-gl'; function App() { const [viewport, setViewport] = useState({ width: 400, height: 400, latitude: 37.7577, longitude: -122.4376, zoom: 8 }); return ( <div className="App"> happy <ReactMapGL {...viewport} mapboxAccessToken ={'pk.eyJ1IjoiZGFuaXlhbG1vaGEiLCJhIjoiY2wyNnBsdHpnMDF0YTNqc2VibTd2OGhhcSJ9.ASJaKcGz1eIhWr38-askQQ'} onViewportChange={nextViewport => setViewport(nextViewport)} /> sad </div> ); } export default App;y esto es lo que veo en mi pantalla:
