首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >MapBox:未定义ReferenceError: mapboxgl

MapBox:未定义ReferenceError: mapboxgl
EN

Stack Overflow用户
提问于 2021-11-15 15:31:13
回答 1查看 2.8K关注 0票数 2

我在我的网页上使用MapBox,我的目标是在页面上绘制一个基本的地图。

我有以下脚本:

代码语言:javascript
运行
复制
<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>

为了显示地图,我用:

代码语言:javascript
运行
复制
<div id='map' style='width: 400px; height: 300px;'></div>

问题是,当我试图加载页面时,什么都没有发生,并且我得到了以下错误:Uncaught ReferenceError: mapboxgl未定义

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-15 15:49:46

我解决了这个问题,只需包括以下内容:

代码语言:javascript
运行
复制
<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文件的头上。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69976892

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档