需要MapBox GL Acces令牌

Question

对不起，如果这很愚蠢，我是vue JS的新手

我正在尝试在Vue组件（SFC）中实现Mapbox地图。

一切似乎都正常，但我不断收到一个错误，提示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设置为1 s。应该是accessToken。