我发现此库可自动调整地图的“坐标”并在鼠标悬停在地图区域上时绘制地图区域。
它在Firefox上完美运行，但在谷歌浏览器上却出现了一些奇怪的行为。我尝试了很多方法使它起作用，但是没有成功。它根本不能在谷歌浏览器上工作。
这是一个jsfiddle，因此您可以自己查看：
Example
示例代码HTML：<img id="imgFile" width="654px" height="1229px" border="0" src="http://pds15.egloos.com/pds/201001/17/91/a0030191_4b52312f4e55c.jpg" usemap="#mapa"/><map id="mapa"><area id="11" shape="poly" coords="315,245,258,241,224,267,223,292,230,319,250,333,309,315"/></map>
JavaScript代码：$("img[usemap]").mapify();
当鼠标指针悬停在胸部区域上时，它应该更改背景颜色。我不知道我是否错过了什么。
这是插件的官方网站：mapify.js
在这个网站上，谷歌浏览器可以正常工作。
任何帮助将不胜感激。
最佳答案
我在地图标签上错过了属性“ name ='mapa'”。在那之后，它运行完美！
这是更新的jsFiddle：
Updated code
<map name="mapa" id="mapa">