使用Mapbox.js生成的地图出现 410(Gone) 的错误信息

报错

在地图页面里，除了卫星视图，其他的几个类型均不可用

查到了Mapbox的声明：

As of June 1, 2020, Mapbox classic styles are no longer supported and cannot be requested.

2020年6月1日后，Mapbox将不再支持经典样式

修复

我使用的是 Mapbox.js

1
2
3
4

L.mapbox.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';

var map = L.mapbox.map('map', 'mapbox.streets')
    .setView([40, -74.50], 9);

现在需要改为：

1
2
3
4
5

L.mapbox.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';

var map = L.mapbox.map('map')
    .setView([40, -74.50], 9)
    .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));

• 不再使用之前的 style ID （如：’mapbox.streets’）
• 改用styleLayer为地图添加地图图层

L.mapbox.styleLayer 里传入的 url 对应着地图类型

可用类型有

• mapbox://styles/mapbox/streets-v11
• mapbox://styles/mapbox/outdoors-v11
• mapbox://styles/mapbox/light-v10
• mapbox://styles/mapbox/dark-v10
• mapbox://styles/mapbox/satellite-v9
• mapbox://styles/mapbox/satellite-streets-v11

相关: 白色背景的 Mapbox 地图