Estoy usando mapbox para hacer un mapa. No sé si mi mapa se está renderizando o no porque lo único que puedo ver en la pantalla es el puntero y ni siquiera puedo abrir la consola para leer el error. ¡Por favor, ayúdenme a averiguar si hay algún problema con mis códigos! Muchas gracias:
Mi html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js'></script> <link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet' /> <title>Document</title> <style> body { margin: 0; } #map { height: 100vh; width: 100vw; } </style> </head> <body> <div id='map'></div> <script src="main.js"></script> </body> </html>Mi JS:
mapboxgl.accessToken = 'pk.eyJ1IjoiZGh0NzZkeThjIiwiYSI6ImNrdjd0Zm92cDF4aGMyb2wwenhtbWJidjUifQ.KUBtTY1kI2SOMFXkKeerWQ'; navigator.geolocation.getCurrentPosition(successLocation, errorLocation, { enableHighAccuracy: true }) function successLocation(position) { console.log(position) setupMap([position.coords.longtitude, position.coords.latitude]) } function errorLocation() { } function setupMap(center) { var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v11', center: center }); }