我在我的网页上使用MapBox,我的目标是在页面上绘制一个基本的地图。
我有以下脚本:
<script>
mapboxgl.accessToken = mapToken;
const map = new mapboxgl.Map({
container: 'map', // container ID
style: 'mapbox://styles/mapbox/streets-v11', // style URL
center: [-74.5, 40], // starting position [lng, lat]
zoom: 9 // starting zoom
});
</script>
为了显示地图,我用:
<div id='map' style='width: 400px; height: 300px;'></div>
问题是,当我试图加载页面时,什么都没有发生,并且我得到了以下错误:Uncaught ReferenceError: mapboxgl未定义
发布于 2021-11-15 15:49:46
我解决了这个问题,只需包括以下内容:
<script src='https://api.mapbox.com/mapbox-gl-js/v2.6.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.6.0/mapbox-gl.css' rel='stylesheet' />
在HTML文件的头上。
https://stackoverflow.com/questions/69976892
复制相似问题