TOP  >  javascript , WebDesign  >  階層表現が可能なインタラクティブなフロアマップ「Interactive Mall Map」
2016年04月13日

階層表現が可能なインタラクティブなフロアマップ「Interactive Mall Map」

国内でも商業施設の中でも重要な役割を担うフロアマップ。どうわかりやすく直感的に見せるかというのは商業施設においては一つの課題となっていますが、今日紹介するのは、階層表現が可能なインタラクティブなフロアマップ「Interactive Mall Map」です。

InteractiveMallMap_800x600

こちらのフロアマップは各階層ごとに積み重なっているビューから始まり、各階層ごとに詳しく見ていけるようになっています。

詳しくは以下

InteractiveMallMap_01

InteractiveMallMap_02

また、マップからだけでは無く、インデックスから逆に位置を探したり、登録されている店舗名を検索したりと、実用的な機能も盛り込まれています。実際のデモは「View demo」からご覧いただけます。

実際にマップを作りこんでいくためにはカスタマイズや登録作業などの作りこみは必要ですが、従来の完全に俯瞰型では無い、動きのあるフロアマップを作りたいという方にはベースとしては非常に優秀なものだと思います。

Interactive 3D Mall Map | Codrops

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:46  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る