2016-12-15 9 views
0

질문 : 웹 페이지, 하루 및 카메라 유형에서 사용자가 선택하는 것에 대한 응답으로 GeoTIF를 표시해야하는 경우 LeafletJS를 사용할 수 있습니까? 어떤 플러그인으로? 특정 날짜에 찍은 각 카메라 유형에 대해 GeoTIF를 저장합니다.하루 동안 다른 이미지를 표시하는 도구 찾기

배경 : 동일한 토지 플롯의 날마다 이미지를 보는 웹 인터페이스를 만들고 있습니다. 매일 선택한 경우 동일한 4 대의 카메라간에 토지 이미지를 전환 할 수 있습니다. "카메라를 가지고 월요일을 보여주세요"또는 "카메라 두 대를 월요일에 보여줘"등과 같은 옵션으로 카메라를 생각해보십시오. 여기서 핵심은 하루를 선택하고 카메라 이미지를 선택하는 것입니다. 카메라 이미지는 모두 GeoTIF 형식으로 저장됩니다. GeoTIF는 상당히 큰 타일이 붙어 있으며 현재는 Leafletjs를 사용하여 표시하고 있습니다.

문제는 UI에 있습니다. 내가 두 옵션의 교차점으로 선택한 타일을 표시하기 위해 하루와 카메라 같은 두 가지 옵션을 "연결"하는 UI를 빌드하는 방법을 찾을 수 없기 때문에 전단지와 같은 라이브러리가 올바른지 확실하지 않습니다.

나는 하루를 기본 이미지로 사용하고 카메라를 레이어로 사용하는 방법을 생각해 보았습니다.하지만이 기능을 구현하는 논리적 인 방법은 확실하지 않습니다.

답변

0

코드를 게시하지 않고도 건축적인 질문이므로 대답하기가 어렵습니다. 즉 재미있는 프로젝트처럼 들립니다. 첫 번째 타일링을하고 jpeg로 변환하거나 브라우저에서 표시 할 수있는 형식으로 지오 티프를 표시하는 문제를 이미 해결 한 것 같습니다.

  • 카메라 위치가 전단지
  • 월 - 일 데이터 소스가 오프 토글 할 수 있습니다 레이어입니다
  • 에서 마커 계층입니다 :

    내가 좋아하는이 작업 뭔가를 구상 할 수 있습니다. 이것은 한 번에 하나의 레이어 여야합니다. (월, 화, 수요일 모두 선택했다고 말하면 혼란 스러울 것입니다.)

  • 카메라 마커 레이어에 클릭 이벤트를 지정하고 해당 이벤트 콜백에서 일부 자바 스크립트 코딩을 사용하여 현재 현재 선택 월 - 일 층에, 아이디 카메라를 선택하고, 현재 선택된 카메라의 타일 층에서 스왑.

내가 불분명 해요 전단지와 같은 라이브러리가 올바른지

전단지가 좋아하는 것 같습니다. 좋은 선택, 당신은 API를 더 파고들 필요가 있습니다.

편집 :

내가 더 이것에 대해 생각하는

, 나는이 일 것 불확실입니다. 카메라 이미지가 비스듬하거나 직각입니까? 전단지의 타일링 레이어는 오르토를 기대한다고 생각합니다. 유용하다고 생각되는 플러그인이 있음을 알았습니다.

Leaflet.Photo 전단지에 지오 태깅 된 사진을 표시하는 플러그인. 데모. 제안에 대한 비요른 샌드 빅은

http://leafletjs.com/plugins.html

+0

감사합니다. 내 이미지는 지리 참조 연산 된 orthomap이므로 올바른 위치에 리플렛 배경 위에 올바르게 배치됩니다. 까다로운 부분은 올바른 이미지가 표시되도록 JS를 만드는 것입니다 (HTML에서 "토글"됨).리플렛을 시작하는 것이 좋다고 가정 할 때 JS에서 작성하는 것을 피하기 위해 플러그인을 더 열심히 검색해야하는 것처럼 들립니다. –

+0

당신은 오신 것을 환영합니다! 그것이 도움이 되었다면 내 대답을 upvote하시기 바랍니다. 또한 일부 코드 샘플을 게시하면 디버그 또는 개선에 도움이됩니다. SO에 대한 가장 좋은 질문은 일반적으로 몇 가지 예제 코드 또는 시도 된 코드를 포함합니다. –