管理图像映射，管理与区域地图的交互

Question

我目前正致力于为客户开发房地产网站。客户坚持创造这样的想法：

http://woodfield-sillery.com/plans/

基本上，我希望找到一种方法来重新创建相同的东西，技术上它需要：

• 管理图像映射行为（能够对鼠标悬停做出反应）
• 管理onclick以打开所选楼层的视图
• 选择后，第二张地图会显示楼层，并显示可用的公寓
• 然后再次点击，它会显示价格，可用性等。

我无法通过CSS管理翻转图像地图。

除此之外，当然，客户希望自己管理（所以他可以更新公寓状态），我计划通过Wordpress托管网站

问题：

• 有没有人在这样的解决方案上工作并愿意分享经验？
• 有没有人遇到过可以解决问题的Wordpress解决方案？
• 有没有人有这方面的技术解决方案（Javascript，HTML5，CSS结合？）

Answer 1

我是MapSVG WordPress / jQuery插件的作者，它能够满足您的需求：http://mapsvg.com

要开始使用，您需要在任何矢量编辑器（InkScape，Adobe Illustator等）中创建空白图像。然后将构建图像（png / jpeg）嵌入到背景中。然后在图像顶部添加形状并为其提供透明颜色填充（= rgba（0,0,0,0））。将图像另存为SVG，将其上传到MapSVG地图构建器。

其他所有内容都将在MapSVG Builder中完成 - 颜色，工具提示，弹出窗口，链接，事件处理程序等。请参阅演示。

Answer 2

你可以使用maphilight plugin

或者您可以使用jvector 教程使用link