マップ情報カードとディスカバリーコントロール
マップ情報パネルで、マップタイトルカード、リッチMarkdown説明、アクションボタン、カードスタイル、検索バー、カテゴリフィルターバーを設定します。
概要とパネル構成
マップ情報パネルは、マップ全体の基本情報カードと訪問者向けの探索機能を1か所のワークスペースに統合します。ピン情報カードが各スポットの詳細を提供するのに対し、マップ情報カードはプロジェクト全体のウェルカムバナーとして機能し、施設案内や重要な告知、主要なアクションボタンを提供します。
?tab=customize&panel=map-info)カードのテキスト、配置サイズ、グラスモーフィズムスタイル、検索ツールを設定できます。公開マップの隅にすっきりと浮かび、プロジェクト名、Markdown詳細説明、ブランド画像、アクションボタンを表示します。
訪問者向けナビゲーションを一括管理:リアルタイムのピン検索やカテゴリ絞り込みフィルターバーの表示を切り替えられます。
カードのコンテンツ(タイトル・説明・画像・ボタン)
マップ情報カードは4つの独立したセクションで構成されており、それぞれ表示切替やブランドに合わせたデザインカスタマイズが可能です:
文字数カウント付きでマップのメインタイトルを設定します。フォント種類、文字サイズ(12px〜36px)、太さ、カラー、左寄せ・中央揃えを指定できます。
施設案内、営業時間、スケジュールなどの詳細情報を提供します。太字、斜体、リンク、箇条書き、フォントスタイルに対応しています。
メディアライブラリからバナー画像を選択またはアップロードします。縦横比やフィット形式(全体表示/Contain、枠内全域/Cover)を設定できます。
予約、問い合わせ、通話、外部リンクなどのアクションボタンを追加できます。縦並び・横並びのレイアウトと間隔を自由に設定可能です。
サイズ・表示順・パディング
背景のフロアプランや図面とバランスよく調和するよう、カードのサイズと余白を微調整します:
- カード幅の固定設定: デスクトップでのカード幅を260px〜600px(初期値:336px)の間で調整できます。
- ドラッグ&ドロップによる順序入れ替え: 直感的なハンドル操作で、画像、タイトル、説明、ボタンの並び順を自由に入れ替えられます。
- セクション間の余白: セクション同士の間隔を0px〜24pxの間で調整します。
- 内側の余白(X・Y): 左右の横余白と上下の縦パディングを最大32pxまで個別に設定できます。
外観・すりガラス効果・枠線
ダークモード、ブランドカラー、建築的なミニマリズムなど、多彩なスタイルを適用できます:
単色塗りつぶし、グラデーション、カード背景テクスチャと不透明度(0%〜100%)を設定できます。
カード背面にフロストガラス効果を適用し、下のマップをうっすら透かしつつ文字の視認性を高く保ちます。
枠線の太さ(1px〜8px)、グラデーション、線種(実線・破線・点線)、角の処理をカスタマイズします。
角丸の半径(0px〜32px)と、奥行きを演出するドロップシャドウの有無を調整します。
初期表示状態と折りたたみ動作
マップを開いたときの初期表示や、訪問者がカードを折りたたむ際の挙動を設定します:
有効にするとマップ読込時にカードが全開します。無効にするとタイトルのみのコンパクトなピル表示で開き、マップ画面を広く見せられます。
カード上部に最小化/展開ボタンを配置し、訪問者が視界を広げたいときに折りたためるようにします。
検索ボックスとカテゴリフィルターの表示
情報カード本体に加え、マップ全体の探索コントロールもこのパネルで設定します:
ピン名、説明文、タグ、カスタム項目から場所をすばやく検索できるフローティング検索バーを有効にします。
階数、空き状況、部屋タイプ、部門などでリアルタイムにピンを絞り込めるフィルターバーを有効にします。
デスクトップフィルタ配置(フル vs コンパクト)
カテゴリフィルターが有効な場合の、PC画面での配置形式を選択します:
画面上部にフィルターボタンを横並びで表示します。ドラッグ操作やホイールスクロールに対応し、主要カテゴリが2〜5個のマップに最適です。
すべてのフィルタ項目を「フィルター」ボタン1つに集約し、選択件数バッジを表示します。画面を広く使いたい場合に最適です。