2016-02-05 222 views
1

我目前正在为客户开发一个房地产网站。客户被套牢的想法是这样创造的东西:管理图像地图,管理与区域地图的交互

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

基本上,我希望找到一种方法来重新创建同样的事情,在技术上它需要:

  • 管理图像地图行为
  • 管理onclick打开所选楼层的视图
  • 一旦选定,第二个地图将显示楼层,可用的公寓
  • 然后再次的onclick,它会显示价格,可用性等

我无法管理通过CSS鼠标经过图像地图。

除此之外,当然,客户希望由自己来管理所有的(这样他就可以更新公寓状态),而我正打算通过WordPress的托管网站

问题:

  • 有没有人从事这样的解决方案,愿意分享经验?
  • 有没有人遇到过这样的Wordpress解决方案?
  • 有没有人有这个技术解决方案

回答

0

我MapSVG的WordPress/jQuery插件的作者是能够做你所需要的(JAVASCRIPT,HTML5,CSS结合起来呢?):http://mapsvg.com

要开始,您需要在任何矢量编辑器(InkScape,Adobe Illustator等)中创建一个空白图像。然后将建筑物图像(png/jpeg)嵌入到背景中。然后在图像顶部添加形状,并给它们一个透明的颜色填充(= rgba(0,0,0,0))。将图像保存为SVG,将其上传到MapSVG地图构建器。

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

0

可以使用maphilight plugin

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