MapBox: Uncaught ReferenceError: mapboxgl is not defined

Question

我在我的一个网络应用程序中使用 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>

问题是，当我尝试加载页面时，没有任何反应，并且出现以下错误： 未捕获的引用错误：mapboxgl 未定义

Answer 1

我只是通过包含这个解决了这个问题：

<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 文件的头部。

MapBox: Uncaught ReferenceError: mapboxgl is not defined

MapBox: Uncaught ReferenceError: mapboxgl is not defined

javascript

node.js

mapbox

mapbox-gl

mapbox-gl-js