启动页面时,在区域地图上的特定位置绘制一个矩形


Drawing a rectangle at specific position on areamap when launching the page

我使用带有悬停和onclick功能的maphilightjquery插件。这很好用。

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

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

有办法做到这一点吗?

搜索和启动机制现在不是问题。。。我会设法做的。我只需要在面积图上画矩形的解决方案。

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

有人能帮我吗?非常感谢。

您的矩形还需要具有位置:绝对css样式,例如

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