问题标签 [maphilight]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
206 浏览

javascript - 单击更改地图区域的颜色

我在人体图像上有一个地图代码,每个身体部位都使用了区域。

我有以下JS代码...

我正在尝试通过将鼠标悬停在第一行代码上来使 maphilight() 正常工作。我的主要目标是当您单击身体部位时,颜色最初应为绿色,然后当您再次单击同一身体部位/区域时,它应变为红色,再次单击它会将颜色变为绿色。但是,通过我上面的尝试,它保持红色。请就我能做什么提出建议。

0 投票
0 回答
72 浏览

c# - 带有 maphilight 的 ASP.NET C# ImageMap

目前,我正在尝试实现人体概览,用户可以在其中单击多个区域并将它们添加到列表中——这一切都很好。
现在我想使用 David Lynchs jQuery 插件“maphilight”来直观地使热点可见,但它根本不起作用,它只是什么都不做。
这是我的 ImageMap:

现在我的 JavaScript 看起来像这样:

我尝试在图像加载之前/之后加载它,我尝试将其设置为文档就绪,并尝试通过以下方式在代码隐藏中注册它ClientScriptManager

我不知道为什么脚本没有执行,src 文件的路径是正确的 - 每个人都知道它是否与更新面板一起工作?这可能是它不起作用的原因吗?

0 投票
1 回答
46 浏览

jquery - 在图像地图中突出显示地图亮点区域

我有一个简单的 html 图像映射和一个带有状态的简单数组,我希望在一个区域悬停时映射所有组区域,但现在 maphilight 仅悬停状态。

这是我的功能

和我的代码:

当用户将鼠标悬停在一个 ot maphilight 所有这些区域时怎么办?

0 投票
0 回答
98 浏览

angular - 使用 ng-maphilight 鼠标悬停时以编程方式突出显示地图区域

ng-maphilight在我的 Angular 8 项目中使用该模块。

当一个区域悬停时,我有多个区域要突出显示。

使用此模块以编程方式悬停时是否可以突出显示地图区域?

Github 上的 ng-maphilight

0 投票
0 回答
199 浏览

javascript - 如何在地图区域使用 maphilight 附加图标(或图像)?

我在布局上使用了 jquery.maphilight、html 地图和区域 布局

这是我的布局代码笔。 (codepen here) 我想像这样在红色区域上附加状态图标/图像 布局2

所以我该怎么做?如果 jquery.maphilight 不能做到这一点,可以推荐我其他的 javascript 吗?

0 投票
0 回答
263 浏览

javascript - 计时器上的自动突出显示图像地图区域(不是悬停)?

我有一个复杂的图像映射,我需要能够在单独的计时器上“闪烁”每个<area>而不是鼠标悬停影响它。

我曾认为使用类的东西会很简单,但我缺乏 jQuery 经验(我不确定它是否会让我忽略鼠标和/或以编程方式突出显示这些区域?)

运行下面的代码片段,了解区域如何“闪烁”的工作示例,如果使用 CSS 动画,以及鼠标悬停时突出显示的图像映射。如果我无法使用 CSS 定时动画控制突出显示,还有其他方法吗?

我愿意使用除以外的其他东西- 希望使用我现有的地图/坐标?(也许等?)会更适合?)

任何想法表示赞赏。

0 投票
0 回答
43 浏览

maphilight - 为什么 maphilight 选项 'alwaysson' 不能正常工作?

我面临jquery插件问题maphilight。我的代码如下 -

在上面的代码中,我尝试动态创建图像地图并使用maphilight插件突出显示地图区域。它在前两/三次工作得很好。但在那之后,maphilight选项alwaysOntrue 无法正常工作。

0 投票
2 回答
297 浏览

angular - 无法绑定到“配置”,因为它不是角度 8 中“maphilight”错误的已知属性

我正在使用角度 8,我想使用 maphilight 在图像映射中选择一个预定义的部分,例如(鼻子,眼睛,...):

在此处输入图像描述

我已经使用此命令安装了 maphilight >>> npm i ng-maphilight --save 在我的 app.module.ts 中,我已将 MaphilightModule 添加到导入数组中。在我的组件 (html) 中,maphilight 地图被添加为容器元素

在 myComponent (ts) 中,我使用了 maphilightComponent 如下 >>

我有这个错误

未捕获的错误:模板解析错误:无法绑定到“config”,因为它不是“maphilight”的已知属性。(" id="statesMap" [hidden]="hidden" [ERROR ->][config]="config" > [ERROR ->]) 在 JitCompiler._compileComponents (:4200/vendor.js:108430) at :4200 /vendor.js:108343 在 Object.then (:4200/vendor.js:84703) 在 JitCompiler._compileModuleAndComponents (:4200/vendor.js:108342)

请有任何建议。

0 投票
0 回答
216 浏览

jquery - 地图高亮 jquery 无法与 Bootstrap 4 一起正常工作 - 图像悬停未突出显示

当我添加(jquery.maphilight.js)地图突出显示并添加插件引导程序 4 时,它不起作用并且鼠标悬停时不再显示“突出显示”区域,引导程序似乎禁用了 maphilight。

没有引导程序的地图高亮工作正常

有人可以帮忙吗??提前致谢!示例 html

0 投票
1 回答
44 浏览

jquery - 我可以使用 maphilight 插件在两个不同的地图上突出显示具有相同类别的区域吗?

如果我有两个并排显示的不同地图(用于不同的图像),我可以使用maphilight相同类别的每个地图突出显示区域吗?

我正在寻找类似于如何groupBy在一张地图上工作的东西。