Cloudmade에서 스타일을 사용하여 Leaflet.js지도에

내 웹 프로젝트에 전단지를 사용하고 있습니다. 지도 타일의 경우 Cloudmade 이미지를 사용하고 있습니다.Cloudmade에서 스타일을 사용하여 Leaflet.js지도에

L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', { 
     styleId: 123544, 
     attribution: 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2012 CloudMade', 
     key: 'XXXXXXXX' 
    }).addTo(map);

이지도에 스타일을 넣으려고했지만 스타일이 작동하지 않습니다. 나는 단지 강과 바다에 푸른 색을 넣고 싶다.

감사합니다.

출처

2014-03-04 myadlan

코드에는 아무런 문제가 없지만 Leaflets 예제 코드와 무료 API 키가있는 회색/빈지도가 표시됩니다. Cloudmade가 지불 모델 ([여기를 읽으십시오] (http://notes.ericang.com/posts/741))을 전환 한 것처럼 보이므로 유료 고객이 아닌 경우 운이 좋지 않습니다. (- ** 편집 : ** 죄송합니다, 5 월 1 일에 말합니다. 여기에 문제가 없습니다 – chrki

좋아요. 정확한 코드를 시도 했으므로 올바르게 표시됩니다. Cloudmade API 키 설정에 지정된 도메인에서 실행하십시오. – chrki

http : //apb.directionsmag.com/entry/cloudmade-ends-smaller-service-plans-offers-only-enterprise-level-serv/387341 – scai

나는 내 웹 사이트 중 하나에 cloudmade를 사용, 이것은 내가 자신의 타일을 사용하는 방법입니다 :

이

L.tileLayer('http://{s}.tile.cloudmade.com/{your_key}/{style_id}/256/{z}/{x}/{y}.png', { 
     attribution: 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2012 CloudMade' 
}).addTo(map);

키와 스타일이 URL에 직접, 당신은 기본 cloudmade 스타일을 사용할 수 있습니다, ID는 1입니다 .

예, cloudmade는 소규모 사용자를 위해 서비스를 사용하지 않지만 현재는 효과가 없습니다. 1 일에지도가 작동해야합니다.

출처

2014-03-04 10:03:13

Cloudmade에서 스타일을 사용하여 Leaflet.js지도에

답변

관련 문제