2016-02-05 405 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