JavaScript：适用于在图像上创建自定义“热点”的库

Question

我正在寻找一个开源JavaScript库/插件，它允许我实现一个自定义函数：

• 允许特权用户在图像上的任何位置放置一个或多个图形图标（例如，类似Google的图钉），并将超链接，注释或其他属性与该对象相关联（属性最好以JSON格式存储）
• 允许普通用户查看上述特权用户放置的“热点”，并能够与这些对象进行交互（例如，将鼠标悬停以获取更多信息，点击转到相关网址等）
• 允许特权用户修改与图标相关联的展示位置和/或属性

我确实在SO中找到了一些类似的问题，但没有一个与我正在寻找的解决方案有足够的相似之处。任何指针将非常感谢！

Answer 1

您可以尝试使用DropPin。它可能是您所需要的，但您可能需要处理其中的用户权限部分。

Answer 2

您可以查看H5P如何创建图片热点内容类型： https://h5p.org/image-hotspots

H5P是一个开源项目，因此您可以按原样使用它，或者重用此处的代码： https://github.com/h5p/h5p-image-hotspots

顺便说一句，我是为H5P做贡献的开发人员之一！