Требуется MapBox GL Acces Token

Question

Извините, если это глупо, я новичок в vue JS

Я пытаюсь реализовать карту mapbox в компоненте vue (SFC).

Кажется, все работаетно я продолжаю получать ошибку, что mapbox-gl требует токен доступа.Но я установил mapboxgl.accesToken на мой.

<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>

Всё помогает

Answer 1

У вас есть опечатка.Вы устанавливаете mapboxgl.accesToken с одним с.Это должно быть accessToken.