javascript - 需要 MapBox GL 访问 token

Question

抱歉，如果这很愚蠢，我是 vue JS 新手

我正在尝试在 vue 组件 (SFC) 中实现 Mapbox map 。

一切似乎都正常，但我不断收到一个错误，指出 mapbox-gl 需要访问 token 。但我将 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 。它应该是accessToken。