計画対象物のサイト構築

こんにちは。

不動産関連の組織向けにサイトを開発するための仕様書があります。仕様書には次の機能の実現が記載されています:

 部屋番号とフロアごとのマス目を表示した建物の図式画像。空き部屋はクリック可能、売却済みの部屋は暗く表示されクリック不可、予約済みの部屋は特定のラベル・色で示され、こちらもクリック可能です。

建物の隣にセクションごとのナビゲーションがあります(建物が複数のセクションで構成されている場合)。入口をクリックすると、建物のプランと標準フロアが切り替わります。

右側には標準的なフロアの間取りが配置されます。

図式化された建物内で部屋をクリックすると、フロアの間取りの中で該当する部屋の間取りがハイライトされます

フロアの標準間取りの中で部屋の間取りをクリックすると、そのフロアの間取りがあった場所に部屋のカードが開きます。 

見た目:

<strong>ですが、これをどのような手段で実現すればよいのか分かりません。教えてください。</strong>

実際に稼働している実装例が http://xn--1-7sbdcvlck0dbu4i.xn--p1ai/buildings.html?view=buildingplan&id=3%5C%27 にあります

ですがこれはJoomlaで、おそらくweb planというモジュールで作られています。Drupalに同様のものはありますか?あるいはこのような機能を実現する方向性を教えてください。