如何在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