Question

我想将传单地图包含到我的项目中，但是当我输入setView()时，我没有地图，只有带有缩放按钮的空图层。我看了传单Quick Start Guide的手册，并且没有任何信息，为什么我的地图不起作用。我完成了所有说明（添加了div和css，添加了我的代码（首先在main.js文件中，然后添加到标记script中），尝试添加地图，例如示例）。

我在mapbox.org完成了我的地图，并注意到写了差异说明L.tileLayer('http://{s}.tiles.mapbox.com/v3/MapID/{z}/{x}/{y}.png', {我只需更改我的MapID。当我这样做时，我有一个error 401

但是在地图框中我有一个这样的导出链接：https://a.tiles.mapbox.com/v4/MaoID/page.html?access_token=MY_ACCESS_TOKEN#z/x/y

我将它添加到我的代码中然后我在控制台中发出通知：

Resource interpreted as Image but transferred with MIME type text/html: https://...

如何将此地图添加到项目???

Answer 1

我不知道你从哪里得到这些网址，但他们完全错了：

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'
});

现在，您需要使用自己的地图ID和访问令牌更改myMapId和myUserToken，您就可以了。如果您没有这些，则需要在Mapbox上创建一个帐户：https://www.mapbox.com/signup/以获取令牌并使用编辑器创建您自己的地图：https://www.mapbox.com/editor/#app以获取地图ID。您也可以使用mapbox.js，它是Leaflet的扩展，请参阅：https://www.mapbox.com/mapbox.js/example/v1.0.0/

Leaflet错误：资源解释为Image

1 个答案: