리프 렛 및 클라우드 : 레티 나 타일 지원

Question

모바일 HTML5 응용 프로그램에 Leaflet JS 및 Cloudmade를 사용하고 있습니다. 불행히도 망막 지지대를 작동시킬 수는 없습니다.

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

내 key, style 및 token이 올바른 값으로 대체됩니다

나는 구름 만든 API에 액세스하려면이 URL을 사용합니다. 내 전단지지도 계층

나는 다음과 같은 간단한 구성을 사용

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

당신이 다른 타일 스타일을 시도하고이 문제가 될 수 있는지 확인 했습니까?