修复“找不到变量:mapboxgl”问题

我根本不是一个优秀的JS,但是在遵循MAPBOX网站上的示例之后,我根本无法渲染地图。代码与网站上的代码完全相同。显示Can't find variable: mapboxgl的唯一错误。经过研究后,我对此一无所获。我在做什么错了?

MyCode:

<script>
mapboxgl.accessToken = '<? print $mapboxapi; ?>';
var map = new mapboxgl.Map({
container: 'map',style: 'mapbox://styles/mapbox/streets-v11',// stylesheet location
center: [<? print $SQL["long"] ?>,<? print $SQL["lat"] ?>],// starting position [lng,lat]
zoom: 9 // starting zoom
});
         
var marker = new mapboxgl.Marker()
.setLngLat([<? print $SQL["long"] ?>,<? print $SQL["lat"] ?>])
.addTo(map);
</script>

这将呈现以下代码:

<script>
mapboxgl.accessToken = 'xxxxxxxxxxxxxxxxxxxxxxxx';
var map = new mapboxgl.Map({
container: 'map',// stylesheet location
center: [-00.00000,00.000000000],lat]
zoom: 9 // starting zoom
});
                                                    
var marker = new mapboxgl.Marker()
.setLngLat([-00.00000,00.000000000])
.addTo(map);
</script>

修复“找不到变量:mapboxgl”问题

iCMS 回答:修复“找不到变量:mapboxgl”问题

您可能没有在<head>部分中包含必需的脚本和CSS文件。这些位:

<script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet" />
本文链接:https://www.f2er.com/1613375.html

大家都在问