问题标签 [maphilight]

我正在使用ng-maphilight来分割我的图片，但该区域对我的图片没有响应。

示例代码：

所以我正在寻找一种动态调整图像地图及其区域大小的解决方案。我只找到了 jQuery jQuery-rwdImageMaps的解决方案

但是在角度上找不到它！这是在stackoverflow上找到的另一个解决方案：解决方案但我无法将其转换为角度，请帮助？我如何在 Angular 中实现这一点？

我正在开发一个 ASP.NET Core MVC 项目，其中我有一个Kendo UI 模态，并且在模态中我有一个建筑平面图的图像地图。

当我打开模式时，我需要突出显示某些区域，所以我使用了 jQuery Maphilight。一切正常，但是当我关闭并重新打开模式时，它不再突出显示该区域。它仅在我第一次打开模态时有效。

到目前为止，这就是我所拥有的：

我没有上传Kendo UI Modal的代码，因为它与我之前附加的链接相同。

正如我所说，这仅在我第一次打开模式时才有效，因此我决定使用ImageMapster。我实际上有相同的代码，唯一改变的是 ImageMapster 选项参数。尝试 ImageMapster 并没有帮助我，没有突出鼠标悬停的任何区域。

这就是我所拥有的：

我也收到这6 个警告，包括 ImageMapster 的脚本。

我是第一次使用<map>and <area>。

现在唯一的问题是jQuery Maphilight当我关闭并重新打开模式时它不能正常工作，它不再突出显示该区域。它仅在我第一次打开模态时有效。

任何建议如何解决这个问题？

我第一次使用<map>and <area>，当弹出窗口打开时，我需要突出显示某些区域。如果该区域空闲，则突出显示颜色应为绿色，否则为红色。

为了突出显示我正在使用jQuery maphilight的区域，它做得很好。问题是，当我第一次打开该区域可用的弹出窗口时，突出显示的区域是绿色的，但是当我关闭弹出窗口并且打开另一个不可用的弹出窗口时，它不会改变颜色.

当按下按钮时，它会调用一个打开引导弹出窗口的 javascript 函数。在打开引导弹出窗口的函数中，我可以createImageMapAreas()动态创建元素并setMapAreasHighlights()设置 jQuery maphilight 属性。这是代码：

我也检查了这个，但它对我没有帮助。

我不知道有什么问题以及为什么它不改变颜色。任何建议如何解决这个问题？

我有一个div和三个按钮。单击其中一个按钮时，调用我动态创建的 JavaScript 函数 ( createImageElements) ：和。之后，我调用初始化 jQuery maphilight 插件的函数div<img><map><area>highlightImageAreas()

当我第一次单击某个按钮时，所有这些都可以正常工作，但是当我第二次单击同一个按钮时，它只显示没有区域的图像。每次单击按钮时，我都想用他的区域更改图像。那可能吗？有什么建议/例子吗？

我为一个侦察营地编写了一个在线预订系统。我正在尝试创建的是一个交互式站点地图，希望预订的人可以简单地点击他们希望露营的球场。

到目前为止，我已经获得了从我的 SQL 数据库中提取坐标的图像地图，并根据该日期范围内是否已经预订了音高来为区域着色。

https://www.drumhill.org.uk/test-map.asp?startDate=2021-11-05&endDate=2021-11-08

我正在努力解决的是，对于绿色（=可用）音高，我希望它们在单击（=选中）时变为黄色或其他东西，然后在再次单击（=取消选中）时再次变回绿色。

我已经看到文档中有一个示例完全符合我的要求： https ://projects.davidlynch.org/maphilight/docs/demo_features.html “星”显示了我想要的行为......但是我认为我缺乏 JavaScript（或 jQuery）知识让我有点退缩。

我正在尝试通过"scripts":{"start": "parcel docs/demo_world.html"}package.json 文件中的 Parcel 脚本运行 jQuery maphilight 插件演示。我正在使用从https://github.com/kemayo/maphilight下载的 maphilight 演示项目，该项目使用实时服务器运行良好，但是当我使用上面的 Parcel 脚本时，我在开发工具中收到以下错误：

我刚刚获取了上面链接中的 maphilight 演示，运行npm i parcel-bundler --save-dev并在下面的 package.json 文件中添加了脚本。

这甚至可以通过包裹实现吗？任何信息，将不胜感激！谢谢你。

完整的 package.json 看起来像：

HTML：