如何在 mapbox 链接中将令牌更改为新令牌后修复错误

Question

我不得不将此代码中的 mabox 令牌更改为新的

 L.tileLayer( "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=REPLACED THIS PART WITH A NEWLY GENERATED TOKEN", { zoom: 16, id: "mapbox.streets", } ).addTo(map);

它不再起作用了。 它只给出了一个灰色的背景。 如何解决？

Answer 1

您没有看到 map 的原因很可能是您使用了已弃用的经典样式。

有两种方法可以确认您正在使用此已弃用的服务。

我假设您的代码中的L代表 Leaflet 所以选项 2 更好的是 go ...

1. 如果您直接使用 API。 API 在浏览器中的单个光栅图块或图像请求上或使用 curl 请求时返回 410:gone 错误。 例如，对于这个请求：

• https://api.tiles.mapbox.com/v4/mapbox.light/14/8185/5448@2x.png?access_token=Your_token_here ，

您将看到以下响应：

2. 如果您使用的是 Leaflet 或 Mapbox.js 等应用程序。 通过浏览器开发工具检索单个图块或图像请求后，您将能够确认这一点。 请采取以下步骤：

一个。 在包含 map 元素的 web 页面上，打开浏览器的开发人员工具。 湾。 单击网络选项卡，然后刷新您的页面。 在这里，您会看到对 Mapbox API 的新请求。 c。 双击或复制一个可能看起来像 number.png 的请求并将其粘贴到 web 浏览器，您将看到类似于您在步骤 1 中看到的响应。

如果您看到 410:gone 错误，请使用这些指南迁移到现代 styles：

• 迁移到现代 Static 映像 API
• 迁移到现代 Static Tiles API

如果对迁移经典 styles 有其他不清楚的地方，请参阅故障排除指南的经典 styles 常见问题解答部分。