我在实现默认的Mapbox功能时遇到了一些麻烦。这是我现在已经开始了整整一天的事情,我可以得出结论,这可能与服务器有关。
无论如何,所以这就是我得到的。我只想在我的页面上找到基本的卫星地图。 我已将这段代码添加到我页面底部的脚本中:
mapboxgl.accessToken = 'pk.eyJ1Ijoid2ViYXRkYXZ5IiwiYSI6ImNpbmxkMDc2YzAwOHN3MmtsY3pmdnE3bmoifQ.FpyHODVdW4sw1thT55i2QQ';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/satellite-streets-v10',
center: [4.3517100, 50.8503400]
});
// Add zoom and rotation controls to the map.
map.addControl(new mapboxgl.NavigationControl());
map.resize();
然后我添加了HTML 标题中的这段代码:
<!-- Mapbox -->
<script src='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.css' rel='stylesheet' />
这段代码在体内:
<div id="map"></div>
不知何故,这个基本设置给了我错误。 瓷砖没有加载,我不断收到以下错误:
Uncaught TypeError: o.createObjectURL is not a function
at ajax.js:131
at XMLHttpRequest.r.onload (ajax.js:94)
有人可以帮我弄清楚我做错了什么吗?就像一个双腿之间有方向盘的海盗一样,它让我疯狂。
答案 0 :(得分:0)
我找到了。
所以,我有一个名为URL的全局变量,这有点问题,因为Mapbox-gl.js也使用了一个名为URL的变量!
调用错误是因为 my 变量与我们心爱的Mapbox-gl需要的变量不同,所以这就是为什么我无法看到任何类型的瓷砖。
我通过简单地将变量名称更改为ROOT_URL来修复它,一切都很好,花花公子。
我发现实际上删除了所有东西,直到我有最小的mapbox工作。通过消灭的力量,我找到了罪魁祸首。
所以TL; DR:当使用Mapbox-gl时,没有一个名为URL的变量。