javascript - 为什么 Mapbox 给我 'o.createObjectURL is not a function' 错误？

Question

我在实现默认的 Mapbox 功能时遇到了一些麻烦。这是我一整天都在绞尽脑汁的事情，我只能得出结论，这可能与服务器有关。

无论如何，这就是我得到的。我只想要我的页面上有一个基本的卫星 map 。我已将这段代码添加到页面底部的脚本中:

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)

有人可以帮我弄清楚我做错了什么吗？就像两腿之间夹着方向盘的海盗一样，这让我发疯。

Answer 1

我找到了。

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

调用该错误是因为我的变量与我们心爱的 Mapbox-gl 所需的变量是不同的对象，因此这就是为什么我无法获得任何类型的可见图 block 。

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

我发现实际上删除了所有内容，直到我拥有了 Mapbox 可以工作的最低限度。通过排除法，我找到了罪魁祸首。

所以 TL;DR:使用 Mapbox-gl 时，不要有一个名为 URL 的变量。