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

你试过用不同的瓷砖风格和检查，可能是这个问题？