为什么Mapbox给我' o.createObjectURL不是一个函数'错误?

时间:2017-09-19 10:10:01

标签: javascript mapbox mapbox-gl-js

我在实现默认的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)

有人可以帮我弄清楚我做错了什么吗?就像一个双腿之间有方向盘的海盗一样,它让我疯狂。

1 个答案:

答案 0 :(得分:0)

我找到了。

所以,我有一个名为URL的全局变量,这有点问题,因为Mapbox-gl.js也使用了一个名为URL的变量!

调用错误是因为 my 变量与我们心爱的Mapbox-gl需要的变量不同,所以这就是为什么我无法看到任何类型的瓷砖。

我通过简单地将变量名称更改为ROOT_URL来修复它,一切都很好,花花公子。

我发现实际上删除了所有东西,直到我有最小的mapbox工作。通过消灭的力量,我找到了罪魁祸首。

所以TL; DR:当使用Mapbox-gl时,没有一个名为URL的变量。