Javascript 传单错误：资源被解释为图像

我想在我的项目中包括传单地图，但当我输入我的

setView（）

时，我没有地图，只有带有缩放按钮的空图层。我看了手册上的传单，并没有任何理由解释为什么我的地图不起作用。我做了所有的说明（添加了

div

和

css

，添加了我的代码（首先在main.js文件中，然后在tag

script

），尝试添加地图，如示例所示）

我在中绘制了地图，注意到一个不同的指令，上面写着

L.tileLayer（'http://{s}.tiles.mapbox.com/v3/MapID/{z}/{x}/{y}.png'，{

我只需要更改

MapID

。当我这样做时，我出现了一个

错误401

但在地图框中，我有这样一个导出链接：

https://a.tiles.mapbox.com/v4/MaoID/page.html?access_token=MY_ACCESS_TOKEN#z/x/y

我将其添加到我的代码中，然后在控制台中看到一个通知：

资源被解释为图像，但使用MIME类型text/html传输：https://...

---

如何将此地图添加到项目中？

我不知道这些URL的来源，但它们完全错误：

L.tileLayer('https://{s}.tiles.mapbox.com/v4/{mapId}/{z}/{x}/{y}.png?access_token={token}', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
    subdomains: ['a','b','c','d'],
    mapId: 'myMapId',
    token: 'myUserToken'
});

L.tileLayer（'https://{s}.tiles.mapbox.com/v4/{mapId}/{z}/{x}/{y}.png？访问令牌={token}{
属性：“地图数据©；贡献者，图像©”，
子域：['a'，'b'，'c'，'d']，
mapId:“myMapId”，
令牌：“myUserToken”
});

现在，您需要使用自己的地图ID和访问令牌更改

myMapId

和

myUserToken

，这样您就可以了。如果您没有这些，您需要在Mapbox上创建一个帐户：获取令牌并使用编辑器创建自己的地图：获取地图ID。您也可以使用

Mapbox.js

，这是一个扩展名关于传单，请参见：

这看起来更像是一个事实），我仍然有一个空层=（但我没有任何类型错误或其他问题。我可以向您展示代码，也许有一些错误