Leaflet 如何在cartodb中使用mapbox贴图

Leaflet 如何在cartodb中使用mapbox贴图,leaflet,mapbox,cartography,Leaflet,Mapbox,Cartography,我试着把这张地图整合到cartodb中。但是,它不起作用。我使用cartodb.js是因为我添加了更多的查询,所以我需要这部分的正确链接: L.tileLayer('https://a.tiles.mapbox.com/v4/felixmichel.kh7h21lp/page.html?access_token=pk.eyJ1IjoiZmVsaXhtaWNoZWwiLCJhIjoiZWZrazRjOCJ9.62fkOEqGMxFxJZPJuo2iIQ#11/47.6732/7.5352', {

我试着把这张地图整合到cartodb中。但是,它不起作用。我使用cartodb.js是因为我添加了更多的查询,所以我需要这部分的正确链接:

L.tileLayer('https://a.tiles.mapbox.com/v4/felixmichel.kh7h21lp/page.html?access_token=pk.eyJ1IjoiZmVsaXhtaWNoZWwiLCJhIjoiZWZrazRjOCJ9.62fkOEqGMxFxJZPJuo2iIQ#11/47.6732/7.5352', {
      attribution: 'CartoDB'
    }).addTo(map);

或者如果有人知道一张漂亮的地形图,我也很高兴。

你的tileLayer url有问题,它希望url中有zoomlevel{z}的占位符和轴值的{x}和{y}。您使用了实际互动程序中的url,这将不起作用

L.tileLayer('https://a.tiles.mapbox.com/v4/felixmichel.kh7h21lp/{z}/{x}/{y}.png?access_token={token}', {
    attribution: 'Mapbox',
    subdomains: ['a','b','c','d'],
    token: 'pk.eyJ1IjoiZmVsaXhtaWNoZWwiLCJhIjoiZWZrazRjOCJ9.62fkOEqGMxFxJZPJuo2iIQ'
}).addTo(map);
请注意,如您所见,它还支持从多个子域加载{s}占位符(tileprovider.Mapbox必须支持该占位符),这要快得多,因为浏览器可以同时从四个子域加载。我还使用{token}占位符将访问令牌从url中分离出来,以演示您可以在需要时使用自己的自定义令牌

以下是一个关于Plunker的工作示例:


这里是传单L.TileLayer的参考资料:

谢谢,这很有效,现在我知道如何使用它了,也感谢传单链接!