我想允许用户单击平板电脑/电话中的照片的特定部分（通过网络浏览器或软件），它将记录他们的选择。
本质上，我有一些航拍照片，我想放置一个常规的网格（例如顶部100m x 100m）。该网格将是半透明的，如果未单击（"关闭"），每个网格单元将清楚，然后在单击时更改为蓝色（'on on on'）。如果每个网格单元格为" ON"或" OFF"，则将存储一个值。
最好使用空间引用的Geotiff图像完成，但不是必需的。
我在与GIS相关的软件方面有很多经验，但是我正在寻找一个简单的解决方案。
这可能吗？建议使用哪些工具，网络语言（HTML，Java等）或软件。响应式图像地图在这里看起来很重要，但我不确定吗？
可以通过图像跟踪用户交互。您可以覆盖可单击的div的网格，只需在每个div上收听单击。
这是一种方法，我将div的10x10网格放在图像之上：
https://jsfiddle.net/o31p99wh/
关键是要了解图像的尺寸/比例，并确保将瓷砖映射到其中。例如。每个35 x 35px正方形映射到350 x 350m。