Mapbox tiles和Leafletjs

Question

我试图在地图上加载一些额外的图块层，但我无法弄明白。我目前拥有的那些我只感谢有人提供了一个教程，但没有说出其他的选项是什么。有人可以帮我这个吗？

var mapboxUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}';
var accessToken = 'mySuperSecretToken';

var grayscale = L.tileLayer(mapboxUrl, {id: 'mapbox.light', attribution: '', maxZoom: 20, accessToken: accessToken}),
streets = L.tileLayer(mapboxUrl, {id: 'mapbox.streets', attribution: '', maxZoom: 20, accessToken: accessToken});

我似乎无法弄清楚如何获得任何额外的图层，甚至使用我今天收到的电子邮件的新街道版本。

Answer 1

我终于找到了答案。

需要更新的网址字符串

https://api.mapbox.com/styles/v1/mapbox/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}

可用的样式（{id}）是

• 街道-V9
• 卫星街道-V9
• 光-V9
• 暗-V9
• 户外-V9

Answer 2

Mapbox经典地图ID的完整列表，即Leaflet，位于https://www.mapbox.com/api-documentation/#maps。

在撰写本文时，ID为：

• mapbox.streets
• mapbox.light
• mapbox.dark
• mapbox.satellite
• mapbox.streets卫星
• mapbox.wheatpaste
• mapbox.streets碱性
• mapbox.comic
• mapbox.outdoors
• mapbox.run-自行车上调
• mapbox.pencil
• mapbox.pirates
• mapbox.emerald
• mapbox.high对比度

Answer 3

实际上，新的图块层次＆＃39;样式＆＃39; Mapbox所指的是矢量切片图层。

Mapbox-GL JS 使用您列出的向量styles（xxx-v9）。 （截至05/2019的最新信息）

Mapbox JS 构建于Leaflet (L.tilelayer())之上，并使用栅格图块集，即图像。来自Mapbox的Here are the available basemaps。

Answer 4

有一种新方法可以让您根据 Mapbox 提供的默认样式创建自己的样式。 然后将这些样式放置在 API 中。 有关如何执行此操作的详细信息，请查看这篇文章。 https://www.freecodecamp.org/news/author/colbyfayock/