如何在drupal上添加图像地图？

Question

我正在致力于一个网站，是关于历史和有一些地图为这个网站。

我正在使用HTML的map标记来选择图像(Map)的一部分，如何将该<map>合并到由德鲁普上传的<img>中？

或者如何将图像地址和合并地图放到它：

<img src="file:///C|/xampp/htdocs/geo/sites/default/files/field/image/aa.jpg"  alt="" width="800" height="531" usemap="#Map"/>
<map name="Map">
  <area shape="poly" coords="396,270,516,286,549,324,502,353,447,342,406,343,384,366,400,396,386,414,353,344,346,293,345,263,389,235,428,223,470,234,487,252,596,243" href="#">
</map>

drupal上文件的路径(地址)在哪里，我可以链接到它，这是我在顶级源<img src=" I Mean here"/>上给出的路径的一部分。

Answer 1

尝试jQuery地图高度模块

它允许在HTML图像映射中简单地添加热点的鼠标上方高亮显示，而无需编辑主题文件或了解javascript/jquery。

特性

1. 通过HTML图像地图提供简单的交互式图形(不需要闪存)。
2. 易于使用:要么选择‘突出显示所有图像地图’的默认设置，要么简单地将class="jq_maphilight“添加到您希望突出显示的任何特定图像地图的标记中。
3. 不需要jquery或javascript知识:插件配置是通过管理/设置屏幕处理的，而不必输入jquery代码。
4. 完全配置:填充，填充颜色，填充不透明度，轮廓，轮廓颜色，轮廓不透明，轮廓厚度，以及褪色效果的选项。
5. 每个图像映射设置:添加特定于图像映射的选项和一个额外的类。