LeafletJS＆Cloudmade：視網膜瓷磚支持

Question

我在我的移動HTML5應用程序中使用Leaflet JS和Cloudmade。不幸的是，我無法獲得視網膜支持的工作。

我用這個URL來訪問雲中做出API：

var url = 'http://{s}.tile.cloudmade.com/{key}/{style}@2x/256/{z}/{x}/{y}.png?token={token}'; 

我key，style和token被正確的值替換。

對於我的單張地圖圖層我用下面的簡單配置：

L.tileLayer(url, { 
     detectRetina: true 
     }).addTo(map); 

不幸的是，結果看起來很奇怪。

這似乎是瓷磚和它們的位置有問題。

如果我刪除detectRetina標誌我得到正確的結果在瀏覽器中

但是你可以看到這兩種解決方案都不是我的視網膜顯示屏（蘋果書臨）尖銳。

有沒有人做過這工作？

謝謝！

Answer 1

這爲我工作：

var tileURL = 'http://{s}.tile.cloudmade.com/{api-key}/1714' + (L.Browser.retina? '@2x': '') + '/256/{z}/{x}/{y}.png';   

L.tileLayer(tileURL, {detectRetina: true}).addTo(yourMap); 

你試過用不同的瓷磚風格和檢查，可能是這個問題？