如何在cartodb中使用mapbox地图

Question

我试图将这个映射：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);

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

Answer 1

您的tileLayer url是错误的，它希望url有缩放级别{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支持)。)，因为浏览器可以同时从四个子域同时加载。我还使用{ token }占位符将访问令牌与url分开，以演示如果需要可以使用您自己的自定义令牌。

下面是柱塞上的一个工作示例：http://plnkr.co/edit/lsTO9KzPMyzEKr06It1I?p=preview

以下是传单L.TileLayer：http://leafletjs.com/reference.html#tilelayer的参考资料