2017-12-05 10 views
0

웹 브라우저 나 소프트웨어를 통해 사용자가 태블릿/전화에서 사진의 특정 부분을 클릭 할 수있게하고 싶고 선택을 녹음합니다.사용자 선택 녹화에 대한 반응 형 이미지

본질적으로 항공 사진이 있으며 일반 격자 (예 : 100m x 100m)를 배치하고 싶습니다. 이 그리드는 반투명하며, 클릭하지 않으면 ('꺼짐') 각 클릭 셀이 투명 해지고 클릭하면 파란색으로 바뀝니다 ('켜기'). 각 그리드 셀은 'on'또는 'off'인 경우 값을 저장합니다.

이것은 공간 참조 된 지오 티프 이미지를 사용하여 수행하는 것이 바람직하지만 필수적인 것은 아닙니다.

GIS 관련 소프트웨어에 대한 경험이 많지만 간단한 해결책을 찾고 있습니다.

이것이 가능합니까? 도구, 웹 언어 (html, java 등) 또는 소프트웨어를 권장합니다. 반응 형 이미지 맵 종류는 여기에 관련되어 보이지만 잘 모르겠습니다.

답변

1

이미지에 대한 사용자 상호 작용을 추적 할 수 있습니다. 당신은 클릭 할 수있는 격자 div을 오버레이 할 수 있으며, 각 div에 대한 클릭 수만들을 수 있습니다. 타일이 매핑되는 것을
https://jsfiddle.net/o31p99wh/

열쇠는 이미지의 크기/규모를 알고 있는지 확인하는 것입니다 : 여기

내가 이미지의 상단에 div의 10 × 10 그리드를 배치 접근 방식입니다 그걸로. 예 : 각 35 x 35px 스퀘어는 350 x 350m에 매핑됩니다.