传单错误:资源解释为图像

Leaflet err: Resource interpreted as Image

本文关键字：资源 解释 图像 单错误 错误      更新时间：2023-09-26

我想将传单地图包含在我的项目中，但是当我输入setView()时，我没有地图，只有带有缩放按钮的空图层。我观看了传单快速入门指南的手册，没有共鸣为什么我的地图不起作用。我做了所有指令（添加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://...

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

我不知道

你从哪里得到这些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'
});

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

相关文章：