2013-10-14 2 views
4

리플렛 맵의 스타일을 변경하고 싶습니다. 나는 그것이 구글 맵스 기본 테마처럼 보이게하고 싶습니다. 지도 스타일을 다르게하기 위해 참조 할 수있는 다양한 CSS 파일이 있습니까? 어디에도 테마 저장소가 있습니까?리플릿 맵 사용자 지정 방법 CSS

+0

아래의 답변에 따라지도 자체를 변경 하시겠습니까? 아니면 확대/축소 컨트롤과 팝업 색상과 같이 페이지 요소를 변경 하시겠습니까? – Barrett

답변

3

전단지는 다양한지도를 표시하기위한 라이브러리입니다. OpenStreetMap 프로젝트의지도를 사용하고 있을지 모르지만 MapBox의 TileMill과 같은 특수 소프트웨어를 사용해야하고 원시 데이터를 다운로드해야합니다.

어쨌든 OSM지도의 현재 렌더링이 작성됩니다. CartoCSS에서는 Github repo here을 찾을 수 있습니다.

OpenStreetMap wiki에서 사용할 수있는 다양한지도 렌더링을 찾을 수 있습니다.

6

다양한베이스 맵 타일 세트를 사용할 수있는 리플릿 용 플러그인이 있습니다. leaflet-providers이라고합니다. 그들 중 일부는 정말 좋습니다.

Google, Bing 및 Yandex의 타일 세트를 얻을 수있는 이 있습니다 (Google의 맞춤 타일은 아니지만).

마지막으로 Cloudmade을 통해 사용자 정의 타일 세트를 만들고 리갈에로드 할 수 있습니다. 처음 50 만개의 타일 (매월)은 무료이지만, 그 이상이 필요할 경우에는 지불해야합니다. 당신이 사용자 정의 타일 세트를 만든 후

L.tileLayer('http://{s}.tile.cloudmade.com/API-key/997/256/{z}/{x}/{y}.png', { 
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>', 
    maxZoom: 18 
}).addTo(map); 

당신은 Cloudmade에 주어진 세부 URL을 수정하는 것입니다 : 기본 리플릿 튜토리얼, 그들은 라인을 가지고있다.

+0

처럼 cloudmade는 더 이상 무료 옵션을 제공하지 않습니다. – neelmeg

관련 문제