如何在CartoDB中使用Mapbox地图

Question

我试图整合这张地图： https ://a.tiles.mapbox.com/v4/felixmichel.kh7h21lp/page.html ? access_token = pk.eyJ1IjoiZmVsaXhtaWNoZWwiLCJhIjoiZWZrazRjOCJ9.62fkOEqGMxFxJZPJuo7.6iIQ#1352。 但是，它不起作用。 我使用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);

或者，如果有人知道美丽的地形图，我也很高兴。

Answer 1

您的tileLayer URL错误，它期望该URL在缩放级别{z}和{x}和{y}的轴值中具有占位符。 您已经使用了实际磁贴中的网址，但无法使用。

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上的一个工作示例： http ://plnkr.co/edit/lsTO9KzPMyzEKr06It1I?p=preview

这是Leaflet的L.TileLayer的参考： http ://leafletjs.com/reference.html#tilelayer