管理圖像地圖，管理與區域地圖的交互

Question

我目前正在爲客戶開發一個房地產網站。客戶被套牢的想法是這樣創造的東西：

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

基本上，我希望找到一種方法來重新創建同樣的事情，在技術上它需要：

• 管理圖像地圖行爲
• 管理onclick打開所選樓層的視圖
• 一旦選定，第二個地圖將顯示樓層，可用的公寓
• 然後再次的onclick，它會顯示價格，可用性等

我無法管理通過CSS鼠標經過圖像地圖。

除此之外，當然，客戶希望由自己來管理所有的（這樣他就可以更新公寓狀態），而我正打算通過WordPress的託管網站

問題：

• 有沒有人從事這樣的解決方案，願意分享經驗？
• 有沒有人遇到過這樣的Wordpress解決方案？
• 有沒有人有這個技術解決方案

Answer 1

我MapSVG的WordPress/jQuery插件的作者是能夠做你所需要的（JAVASCRIPT，HTML5，CSS結合起來呢？）：http://mapsvg.com

要開始，您需要在任何矢量編輯器（InkScape，Adobe Illustator等）中創建一個空白圖像。然後將建築物圖像（png/jpeg）嵌入到背景中。然後在圖像頂部添加形狀，並給它們一個透明的顏色填充（= rgba（0,0,0,0））。將圖像保存爲SVG，將其上傳到MapSVG地圖構建器。

其他一切都將在MapSVG Builder中完成 - 顏色，工具提示，彈出窗口，鏈接，事件處理程序等。請參閱演示。

Answer 2

可以使用maphilight plugin

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