Layerpin logo
注釈とメディア

情報カード、ポップアップ、メディア

マーカーやエリアに詳細データ、ギャラリー、操作ボタンを添付。ポップオーバーやサイドドロワー、中央モーダル、全画面表示を設定可能です。

5つのプレゼンテーションモード

マップ上のすべてのマーカーとクリック可能な図形に、インタラクティブな情報カードを表示できます。ホバーによる簡単な概要から、広大なサイドドロワー、没入型のフルスクリーン ツアーまで、プロジェクトに合わせて 5 つのプレゼンテーション モードから選択できます。

1. ポップオーバーをホバー/クリックします

マーカーまたは形状の重心に直接固定されたフローティング ポップアップ。スマートなビューポート衝突検出機能を備えているため、衝突が画面からはみ出すことはありません。簡単な詳細、部屋番号、値札などに最適です。

2. サイド引出し(右・左)

画面端からスムーズに滑り込みます。マップの中心を不明瞭にすることなく、店舗ディレクトリ、ブースのプロフィール、詳細な説明に最適です。

3. 中央揃えのモーダルダイアログ

微妙な背景のぼかしと薄暗いオーバーレイを備えた、焦点を絞ったダイアログ ボックス。予約フォーム、ビデオの埋め込み、詳細な製品のショーケースに最適です。

4. 全画面分割ビュー

左側にスクロール可能な構造化情報を表示し、右側にフルハイトの画像ギャラリーを表示する 2 列のレイアウト。不動産のリスト、キャンパスツアー、博物館の展示に最適です。

5.モバイルボトムシート(自動)

携帯電話では、カードはタッチ ドラッグ ハンドルとスナップ ポイント (70% プレビューと 100% フル高さ) を備えた iOS スタイルのジェスチャ ドロワーに自動的に適応し、スムーズなモバイル エクスペリエンスを保証します。

グローバルデフォルトと項目ごとのカスタマイズ

エディターでマップ全体のグローバル プレゼンテーション モードを設定したり、個別のマーカーや形状を独自のプレゼンテーションでカスタマイズしたりできます (たとえば、標準ピンはポップオーバーを開き、VIP ブースはフルスクリーン ビューを開きます)。

モジュール式コンテンツセクション

各カードは 6 つのモジュール式コンテンツ ブロックで構成されます。各セクションを個別に表示、非表示、タイポグラフィをカスタマイズし、並べ替えることができます。

タイトルと見出し

カスタム フォント ファミリー、サイズ、太さ、色、配置、複数改行の保持。

マークダウンの説明

太字、斜体、リンク、リストを含むリッチ テキスト。折りたたみ可能な「もっと見る / 少なく見る」ボタンを備えた自動 3 行クランプが含まれています。

構造化フィールド

アイコン (電話、電子メール、営業時間、価格) とペアになったキーと値のペア。分割線を使用したスタック、インライン、または値のみのレイアウトをサポートします。

カテゴリタグ

マップ カテゴリに一致する色分けされたバッジ ピル。オプションで全幅スタッキングと「+X 個のタグ」拡張が可能です。

アクションボタン/CTA

外部 URL (ウェブサイト、予約、道順) の CTA ボタン。スタック、行、または 2 列のグリッド レイアウトで構成可能。

フォトギャラリーヒーロー

カスタマイズ可能なアスペクト比、画像のフィット、全画面ズームのライトボックス ビューアを備えたヘッダー画像カルーセル。

多言語情報カード

タイトル、詳細な説明、カスタム フィールドのラベルと値、タグ、アクション ボタンを含むすべてのカード コピーは、16 の母国語にローカライズできます。をチェックしてください 多言語地図ガイド 4 タブの翻訳エディタがどのように機能するかを確認してください。

ライブカード内並べ替え

マップ エディターで、情報カード内のセクションにマウスを移動すると、クイック アクション ツールバーが表示されます。クリックできます 編集 そのプロパティにジャンプするには、 / 矢印ボタンを使用してセクションを上下に移動するか、 隠れる 表示を即座に切り替えます。

メディア ライブラリと画像ギャラリー

豊富な写真、建築レンダリング、間取り図の詳細を使用して場所を強化します。

複数の画像の添付ファイル

複数の画像を任意のマーカーまたは図形に添付します。画像を簡単に並べ替えたり、カードの上部に表示される主要なカバー画像として任意の写真を選択したりできます。

8 ギャラリーのアスペクト比

コンテンツに最適なフレーム比を選択します。ウルトラワイド (21:9)、ワイド (16:9)、コンパクト (2:1)、ランドスケープ (3:2)、標準 (4:3)、スクエア (1:1)、ポートレート (4:5)、またはトール (3:4)、カバーまたは含めるフィッティング モードを使用します。

インタラクティブなライトボックス ビューア

訪問者は任意の画像をクリックすると、スムーズなキーボード、スワイプ、ズーム ナビゲーションを備えたフル解像度の全画面ライトボックスを開くことができます。

一元化されたメディア資産マネージャー

一度に最大 20 ファイルまで一括アップロードできます。対応形式は SVG, JPEG, PNG, WEBP, AVIF, BMP で、ストレージ使用量をリアルタイムで確認できます。

カードのスタイルとグローバルデフォルト

カード シェルのあらゆる側面をブランドに合わせてカスタマイズできます。

背景、枠線、影
  • 背景: 不透明度コントロールを備えた単色、透明なカード、または滑らかな線形グラデーション。
  • 境界線: カスタムのストローク幅と色またはグラデーションの塗りつぶしを備えた実線、破線、または点線の SVG 境界線。
  • コーナー半径と影: 滑らかな丸い角 (0px ~ 24px+) と柔らかいアンビエント ドロップ シャドウ。
デフォルトのプリセットとして保存

カードの見た目が決まったら、スタイルパネルの下部にある「デフォルトとして保存」をクリックします。Layerpin が確認し、このスタイルを既存および新規のマーカーとシェイプすべてに自動適用します。

注目の展示物、スポンサー ブース、主要なランドマークに独自の色や専用のレイアウトが必要な場合は、いつでも個別のホットスポットをカスタマイズできます。