需要MapBox GL Acces令牌

Question

Sorry if this is stupid, i'm new to vue JS

I'm trying to implement a mapbox map in a vue component (SFC).

Everything seems to be working but i keep getting an error that mapbox-gl requires a acces token. But i set the mapboxgl.accesToken to mine.

 <template> <div> <p> {{msg}} </p> <div id="map" ref="map"></div> </div> </template> <script> import mapboxgl from 'mapbox-gl' export default { name: 'MapBox', props: { msg: String }, mounted(){ mapboxgl.accesToken = 'pk.eyJ1IjoiYmFyY29tYSIsImEiOiJjam9xM3gwYWYwMHlpM3ZrZmY4NWNwam9kIn0.TE3Zma1nEd5mbbdVCfQGMA'; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v9', center: [-122.420679, 37.772537], zoom: 13 }); } } </script> 

Anything helps

Answer 1

You have a typo. You're setting mapboxgl.accesToken with one s. It should be accessToken .