NodeJS Map框:未捕获引用错误:未定义mapboxgl

oknwwptz  于 2023-02-08  发布在  Node.js
关注(0)|答案(2)|浏览(243)

我在我的一个网络应用程序中使用MapBox,我的目标是在页面上呈现一个基本的Map。
我有以下脚本:

<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>

为了显示Map,我用途:

<div id='map' style='width: 400px; height: 300px;'></div>

问题是,当我尝试加载页面时,什么也没发生,我得到了以下错误:未捕获的引用错误:未定义mapboxgl

pnwntuvh

pnwntuvh1#

我修复了这个问题,只是通过包括以下内容:

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

s6fujrry

s6fujrry2#

2022年更新
这对我很有效

<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.css' rel='stylesheet' />

相关问题