Layerpin logo
設定

マップ情報カードとディスカバリーコントロール

マップ情報パネルで、マップタイトルカード、リッチMarkdown説明、アクションボタン、カードスタイル、検索バー、カテゴリフィルターバーを設定します。

概要とパネル構成

マップ情報パネルは、マップ全体の基本情報カードと訪問者向けの探索機能を1か所のワークスペースに統合します。ピン情報カードが各スポットの詳細を提供するのに対し、マップ情報カードはプロジェクト全体のウェルカムバナーとして機能し、施設案内や重要な告知、主要なアクションボタンを提供します。

マップ情報へのアクセス: エディタの左サイドバーで次を開きます: カスタマイズ (ブラシアイコン) > マップ情報 (または直接次のURLパラメータでエディタを開きます: ?tab=customize&panel=map-info)カードのテキスト、配置サイズ、グラスモーフィズムスタイル、検索ツールを設定できます。
常時表示ウェルカムカード

公開マップの隅にすっきりと浮かび、プロジェクト名、Markdown詳細説明、ブランド画像、アクションボタンを表示します。

探索・検索コントロールハブ

訪問者向けナビゲーションを一括管理:リアルタイムのピン検索やカテゴリ絞り込みフィルターバーの表示を切り替えられます。

カードのコンテンツ(タイトル・説明・画像・ボタン)

マップ情報カードは4つの独立したセクションで構成されており、それぞれ表示切替やブランドに合わせたデザインカスタマイズが可能です:

マップ名とタイポグラフィ

文字数カウント付きでマップのメインタイトルを設定します。フォント種類、文字サイズ(12px〜36px)、太さ、カラー、左寄せ・中央揃えを指定できます。

Markdown詳細説明

施設案内、営業時間、スケジュールなどの詳細情報を提供します。太字、斜体、リンク、箇条書き、フォントスタイルに対応しています。

カード画像と表示形式

メディアライブラリからバナー画像を選択またはアップロードします。縦横比やフィット形式(全体表示/Contain、枠内全域/Cover)を設定できます。

アクションボタン(CTA)

予約、問い合わせ、通話、外部リンクなどのアクションボタンを追加できます。縦並び・横並びのレイアウトと間隔を自由に設定可能です。

サイズ・表示順・パディング

背景のフロアプランや図面とバランスよく調和するよう、カードのサイズと余白を微調整します:

レイアウトと寸法パラメータ
  • カード幅の固定設定: デスクトップでのカード幅を260px〜600px(初期値:336px)の間で調整できます。
  • ドラッグ&ドロップによる順序入れ替え: 直感的なハンドル操作で、画像、タイトル、説明、ボタンの並び順を自由に入れ替えられます。
  • セクション間の余白: セクション同士の間隔を0px〜24pxの間で調整します。
  • 内側の余白(X・Y): 左右の横余白と上下の縦パディングを最大32pxまで個別に設定できます。

外観・すりガラス効果・枠線

ダークモード、ブランドカラー、建築的なミニマリズムなど、多彩なスタイルを適用できます:

背景色と不透明度

単色塗りつぶし、グラデーション、カード背景テクスチャと不透明度(0%〜100%)を設定できます。

背景ブラー(すりガラス効果)

カード背面にフロストガラス効果を適用し、下のマップをうっすら透かしつつ文字の視認性を高く保ちます。

フレーム枠線と線種

枠線の太さ(1px〜8px)、グラデーション、線種(実線・破線・点線)、角の処理をカスタマイズします。

角丸と立体シャドウ

角丸の半径(0px〜32px)と、奥行きを演出するドロップシャドウの有無を調整します。

初期表示状態と折りたたみ動作

マップを開いたときの初期表示や、訪問者がカードを折りたたむ際の挙動を設定します:

初期状態で展開:

有効にするとマップ読込時にカードが全開します。無効にするとタイトルのみのコンパクトなピル表示で開き、マップ画面を広く見せられます。

折りたたみボタン(デスクトップ):

カード上部に最小化/展開ボタンを配置し、訪問者が視界を広げたいときに折りたためるようにします。

モバイル向けの自動最適化: スマートフォンやタブレットでは、自動的に画面下部の使いやすいドロワーへ折りたたまれます。

検索ボックスとカテゴリフィルターの表示

情報カード本体に加え、マップ全体の探索コントロールもこのパネルで設定します:

検索ボックスの表示切替

ピン名、説明文、タグ、カスタム項目から場所をすばやく検索できるフローティング検索バーを有効にします。

カテゴリフィルターの表示切替

階数、空き状況、部屋タイプ、部門などでリアルタイムにピンを絞り込めるフィルターバーを有効にします。

デスクトップフィルタ配置(フル vs コンパクト)

カテゴリフィルターが有効な場合の、PC画面での配置形式を選択します:

フル(横スクロールバー)

画面上部にフィルターボタンを横並びで表示します。ドラッグ操作やホイールスクロールに対応し、主要カテゴリが2〜5個のマップに最適です。

コンパクト(ポップオーバー)

すべてのフィルタ項目を「フィルター」ボタン1つに集約し、選択件数バッジを表示します。画面を広く使いたい場合に最適です。