DOCS

マップエディター

マップエディターを使用して予約マップをカスタマイズする方法。

📹 Watch: Map Editor
📹 Watch: Creating a New Map

マップエディターは、予約マップの外観と動作をカスタマイズする場所です。管理サイドバーのマップからアクセスできます。

複数のマップ

アカウントから複数のマップを作成・管理できます。マップページではすべてのマップがグリッド表示されます。任意のマップをクリックして編集するか、マップを作成をクリックして新しいマップを追加します。

新しいマップを作成する際は、名前と位置を設定します。各マップには独自の設定、埋め込みコード、ホスティングページがあります。

タブ

エディターは2つのタブで構成されています:

ブランディング

マップのビジュアルアイデンティティをカスタマイズします:

  • カラー — 3つのグループに分類:

    • ブランド — UI 全体で使用されるアクセントカラー
    • マップ — クラスター、ポイント、アイコン、ルートの色
    • UI — ボタン背景、ボタンテキスト、レーティング星の色

    カラースウォッチをクリックすると、16進数入力付きのカラーピッカーが開きます。

  • ロゴ — ライトとダークのロゴバリアントを別々にアップロード(PNG、JPG、または SVG)。ライトロゴはダーク背景に、ダークロゴはライト背景に表示されます。ドラッグ&ドロップまたはクリックでアップロード。

Tip

ボタンテキストの色はコントラストを最適化するために自動計算されますが、手動で変更することもできます。マップの背景とコントラストがよく取れる色を使用してください — 明るい色はダークテーマで、暗い色はライトテーマで最適です。

設定

マップの動作を設定します:

  • テーマ — ライトとダークのマップテーマから選択。
  • 位置 — 住所を検索してマップの中心点を設定。入力中にオートコンプリートの候補が表示されます。
  • 半径 — 体験を表示するエリアの範囲を設定(2〜50 km)。
  • スラッグ — マップの一意の識別子(読み取り専用)。
  • ウェブサイト URL — パートナーのウェブサイト URL を設定。
  • 徒歩案内 — ゲストへの徒歩ルート案内のオン/オフを切り替え。

変更の保存

各セクションの変更を保存をクリックして設定を保存します。埋め込みウィジェットとホスティングページは即座に更新されます。再埋め込みや新しいリンクの共有は不要です。

プレビュー

マップエディターにはライブプレビューパネルが表示され、変更を加えるとリアルタイムでマップの見た目を確認できます。