2014-08-28 9 views
1

공구 "Maptiler"를 사용하여 타일로 변환되는 직사각형 PNG 이미지가 있습니다.leafletjs는 비 정사각형 타일을 지원합니까?

MapTiler 자체가 전단지 스크립트가 추가 된 html을 렌더링하여 확대/축소 할 수 있습니다.

이미지가 사각형이 아니기 때문에 현재 직면하고있는 문제는 타일을 만드는 동안 maptiler가 투명한 회색 이미지를 생성하여 이미지의 나머지 부분을 덮어 가장자리에 맞지 않게합니다. 나는 아래 그림에서 묘사 된 것처럼 회색 테두리를 얻고있다. 하고있다 "maptiler"이미지를 커버하는 회색 테두리를 추가하는 마지막 타일을 대신 늘릴 수있는 도구가있는 경우

enter image description here

그래서 제 질문은?

또는 전단지 js가 비 정사각형 타일을 지원하면 ?? 감사합니다

답변

0

저는 전단지가 비 정사각형 타일을 지원하지 않는다고 생각합니다.

0

http://leafletjs.com/reference.html#tilelayer 내가 DeepZoom과 같은 문제가 있고, 그것을 해결하기 위해 tileLayer.Canvas을 사용 : http://leafletjs.com/reference.html#tilelayer-canvas

이 (내가 비동기 사용 = true를 문서에

는 tileSize 옵션은 타일 평방 있다고 가정 임시 img 요소를 사용하여 이미지를로드하고 img.loaded 이벤트를 기다렸다가 canvas.drawImage()를 사용하여 캔버스에 그렸습니다. 아마도 가장 효율적인 방법은 아니지만 제 목적으로는 충분했습니다. https://github.com/aparshin/leaflet-boundary-canvas

:

는 또한 (내가 나 자신을 확인하지 않은) 도움이 될 플러그인이