抱歉,如果这很愚蠢,我是 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>
一切都有帮助
最佳答案
你有一个错字。您正在将 mapboxgl.accesToken
设置为 1 。它应该是accessToken
。
关于javascript - 需要 MapBox GL 访问 token ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53400246/