php - 启动页面时在areamap的特定位置绘制一个矩形

Question

我使用 maphilight 具有悬停和点击功能的 jquery 插件。效果很好。

有没有办法在 areamap 图像上以预定义的位置和大小默认绘制一个矩形？因此，无需悬停或单击它，只需在页面加载后立即绘制一个矩形。

我想将此解决方案与 PHP+mySQL 搜索 一起使用。因此，当有人在页面上搜索并找到所需的对象时(作为区域 map 的一部分，我知道它的位置)，单击结果链接，我想加载具有这种形状的页面并希望只要用户单击/悬停在同一页面上的另一个区域，就会突出显示或用矩形绘制。或者，如果这不可能，则只需在所需位置绘制矩形。

有没有办法做到这一点？

搜索和启动机制现在不是问题...我会以某种方式做到这一点。我只需要在区域 map 上绘制矩形的解决方案。

我尝试使用 CSS“z-index”、canvas 甚至 SVG 但矩形总是在区域图之后绘制，所以在我的页面底部而不是在区域 map 上 :(

谁能帮帮我？谢谢。

Answer 1

你的矩形还需要有 position:absolute css 样式，例如，

$('div.map').append('<div style="position:absolute;left:100px;top:100px;
height:10px;width:10px;background-color:#f00;z-index:1;"></div>');