如何在cartodb中使用mapbox地圖

我試圖將此地圖：https://a.tiles.mapbox.com/v4/felixmichel.kh7h21lp/page.html?access_token=pk.eyJ1IjoiZmVsaXhtaWNoZWwiLCJhIjoiZWZrazRjOCJ9.62fkOEqGMxFxJZPJuo2iIQ#11/47.6732/7.5352整合到cartodb中。但是，它不起作用。我cartodb.js工作，因爲我加了一些更多的查詢，所以我需要正確的鏈接這一部分：如何在cartodb中使用mapbox地圖

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);

或者，如果有人知道一個美麗的地形圖，我也很開心。

來源

2014-12-18 Felix

您的tileLayer網址有問題，它期望該網址具有zoomlevel {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做），這是更快，因爲瀏覽器可以同時從4個負荷子域一次。我還使用{token}佔位符將訪問令牌與url分開，以證明您可以根據需要使用自己的自定義令牌。

下面是這對Plunker工作示例：http://plnkr.co/edit/lsTO9KzPMyzEKr06It1I?p=preview

這裏是爲單張的L.TileLayer參考：http://leafletjs.com/reference.html#tilelayer

來源

2014-12-19 00:09:57 iH8

謝謝，這工作過，現在我知道如何使用它，也感謝傳單鏈接！ – Felix 2014-12-19 12:42:48

如何在cartodb中使用mapbox地圖

回答

相關問題