javascript - 使用自定义创建的 Mapbox 样式(来自 Mapbox Studio)和 Leaflet

Question

我找不到任何有关如何使用自定义创建的 Mapbox map 样式的示例。

在 Mapbox 页面上，我为 map 创建了一个样式。

如何在 Leaflet 中使用这种样式？

例如:

var map = L.map('map', {
    center: [43.64701, -79.39425],
    zoom: 15
});

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

我应该把 mapbox://styles/ficht/cihqdfw3f004ybnm35e7zefon 放在哪里？

这是 map :

https://api.mapbox.com/styles/v1/ficht/cihqdfw3f004ybnm35e7zefon.html?title=true&access_token=pk.eyJ1IjoiZmljaHQiLCJhIjoiY2locWQ3YTBtMDAxYnY1bHVvcGtsM2Y1MCJ9.C8NlGmZuX6W2YrvXTHULeQ#1.6044619216776894/37.74890243399017/28.62971087861783/0.08751522544480395

Answer 1

当前 Mapbox 版本:

1. 创建自己的样式后，点击右上角菜单中的“分享...”
2. 您会看到弹出窗口，选择开发“第三方”并在下拉菜单中选择“CARTO”
3. 复制“集成 URL”。这是 Leaflet.js 为“tileLayer”对象设置值所需的链接