Estoy haciendo un mapa y quiero que el mapa se acerque a mi ubicación, pero aparece el error "Error de sintaxis no detectado: identificador inesperado". ¿Alguien sabe lo que está mal? ¡por favor, ayúdame! ¡Muchas gracias!
Este es 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>Este es 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 }); }