Mapbox瓷砖和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

我终于找到了答案.

需要更新的URL字符串

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对比