AR日本橋ライブマップ 利用マニュアル
ユーザー向け機能仕様・操作説明 — マニュアル作成参考資料
→ 管理者マニュアル(イベント作成・管理)
イベント一覧ページ
サービスのトップページ(/)。ユーザー登録なしで閲覧できる。
サービス説明
ページ上部にサービスの概要が表示される。AR日本橋が提供するサービスであること、AR日本橋以外のイベントでも利用可能なこと、地図の閲覧・参加にユーザー登録が不要なことが記載されている。
イベントカード
登録されているイベントが以下の3グループに分かれて表示される。
| グループ | 条件 |
|---|---|
| 現在開催中 | 本日が開催期間内 |
| 今後のイベント | 開催日が未来 |
| 過去のイベント | 終了済み |
各カードに表示される情報:
| 項目 | 内容 |
|---|---|
| イベント名 | 管理者が設定した名前 |
| 開催日 | 開始日〜終了日 |
| 開催地 | 管理者が設定した場所 |
| 説明 | 管理者が設定した説明文(設定がある場合のみ表示) |
| 「地図を見る」ボタン | 地図ページへ移動 |
| 「イベント参加」ボタン | 参加セットアップページへ移動 |
言語切り替え
右上の旗アイコン(🇯🇵/🇬🇧)で日本語・英語を切り替えられる。選択した言語はブラウザに記憶され、次回以降も維持される。イベント名・説明などは管理者が翻訳を登録している場合のみ切り替わる。
イベント作成CTAブロック(下部)
ページ下部に「自分でイベントを作りたい方」向けの案内ブロックがある。「イベントを作成する」ボタンを押すと登録・作成フローに進む(ユーザー登録が必要)。
参加セットアップページ
位置情報送信アプリの設定手順を案内するページ(/join/{イベントslug})。ユーザー登録は不要。
手順の流れ
-
アプリを選ぶ
OwnTracks(推奨)または Traccar Client を選択する。以降の手順が選んだアプリに切り替わる。
-
アプリをインストールする
App Store / Google Play へのリンクからアプリをインストールする。
-
表示名を入力して「設定表示」を押す
地図上に表示される名前(最大40文字)を入力する。利用規約と位置情報公開の両方にチェックを入れないとボタンは押せない。
-
QRコードまたはURLをアプリに読み込む
OwnTracks: QRを読み込むか「設定をOwnTracksで開く」をタップ。Traccar: QRを読み込むかURLをコピーしてアプリに貼り付ける。
-
位置情報の権限を「常に許可」にする
アプリがバックグラウンドで位置情報を送信できるよう設定する。
フォーム部分
表示名の入力、利用規約の確認、位置情報公開への同意
利用規約(参加者向け)の主な内容
- 📍表示名・位置情報・速度・高度・電池残量は、走行履歴を含め、イベントの地図やflyby等を閲覧できる人に公開される。ページのURLを知る人が閲覧できる場合がある
- 🕐位置情報と走行履歴は、原則としてイベント終了日の7日後にイベントデータとともに削除される。イベントごとに別の保存期間が設定されている場合は、その期間が適用される
- 🚫他人の名前の使用・虚偽の位置情報送信・サービスの妨害は禁止
- ℹ️本サービスは安全管理・安否確認・救助を保証せず、利用者自身で必要な安全管理と連絡手段を確保する
地図ページ
参加者の現在地をリアルタイムで表示するメインページ(/e/{イベントslug})。
ルートと距離マーカー・標高グラフが表示された状態。右上に参加者パネル。
参加者のマーカーが地図上に表示されている。右上パネルに参加者数と一覧。
ツールバー
地図ページの左上に固定表示されるボタン群。
| ボタン | 動作 |
|---|---|
| ↻(リロード) | 全参加者の位置情報を即座に再取得する。取得中はボタンが無効化されアニメーションが表示される。 |
| 🔴(フィードバック) | バグ報告・機能要望を送信するダイアログを開く。 |
| 3D | 3D地図ページを開く。 |
| 🇯🇵/🇬🇧(言語) | 表示言語を日本語・英語で切り替える。 |
自動更新
位置情報は30秒ごとに自動で更新される。リロードボタンを押すと即座に手動更新できる。
参加者パネル
画面右上に表示される参加者一覧と絞り込みコントロール。
参加者が2名いる状態。ヘッダー・フィルタ・参加者リストの構成。
ヘッダー行
| 要素 | 内容 |
|---|---|
| 参加者数バッジ | 現在表示中の参加者数を数字で表示する |
| −/+ ボタン | パネルを折りたたむ・展開する(状態はブラウザに記憶される) |
フィルタ行
| コントロール | 内容 |
|---|---|
| ソート順ドロップダウン | 参加者の並び順を変更する(後述) |
| 「選択のみ」チェックボックス | チェックすると選択中の参加者のみを地図・グラフに表示する |
| All ボタン | 全参加者を選択状態にする |
| None ボタン | 全参加者を非選択にする |
ソート順
| 選択肢 | 並び順 |
|---|---|
| 距離の長い順(デフォルト) | ルート上の走行距離が長い参加者が上 |
| 距離の短い順 | 走行距離が短い参加者が上 |
| 最近更新順 | 最後に位置情報を受信した時刻が新しい参加者が上 |
| 名前の順 | 表示名のアルファベット順 |
/p/...)を一度開いたことがあるブラウザでは、ソート順の設定や音信不通・停止中の状態に関わらず、自分の行が一覧の一番上に固定される。
参加者リストの表示内容
各参加者の行に以下の情報が表示される。
| 要素 | 内容 |
|---|---|
| チェックボックス | 参加者の選択状態(オンで地図に表示)。状態はブラウザに記憶される。 |
| カラードット | 参加者の識別色(固定色)。音信不通時はグレーになる。 |
| 表示名 | 参加者が設定した名前 |
| 走行距離 | ルート上のスタートからの距離。音信不通の場合は「音信不通」と表示。 |
| 速度 | 現在速度(km/h) |
| 更新時刻 | 最後に位置情報を受信してからの経過時間と時刻(例:「5分前(12:34)」) |
| Google Mapsリンク | 位置情報がある場合のみ表示。タップするとGoogle Mapsで現在地を開く。 |
マーカークリック時のポップアップ
地図上のマーカーをクリック・タップすると詳細ポップアップが開く。
マーカークリック時のポップアップ
ポップアップが開いた状態
| 項目 | 内容 | 備考 |
|---|---|---|
| 表示名 | 参加者名 | ポップアップ上部に大きく表示 |
| 距離 | ルート上の走行距離 | ルートがない場合は「-」 |
| 速度 | 現在速度(km/h) | 停止中・未取得は「-」 |
| 方向 | 進行方向(矢印+角度) | heading情報がない場合は非表示 |
| 高度 | 現在地の標高(m) | |
| 電池 | スマートフォンの電池残量(%) | |
| 更新 | サーバーが位置情報を受信した時刻 | 「N分前(HH:MM)」形式 |
| GPS | 端末がGPSを取得した時刻 | 「更新」と異なる場合のみ意味がある |
| 通過 | 通過済みPC・チェックポイントの名前と時刻 | 通過記録がある場合のみ表示 |
| Google マップ | 現在地をGoogle マップで開くリンク | 別タブで開く |
- ✕ポップアップ右上の「×」をクリック・タップすると閉じる
- 🗺地図の何もない場所をクリック・タップしても閉じる
参加者マーカーと状態変化
最後に位置情報を受信してからの経過時間によって、マーカーの見た目が段階的に変化する。
マーカーの種類と見た目
30分以内に更新あり
識別色の円形マーカー
30〜60分更新なし
グレーの円形マーカー
60分以上更新なし
グレー・「?」表示
仮想参加者
五角形マーカー
経過時間による状態変化まとめ
| 経過時間 | マーカー | パネルの位置 | 走行距離欄 |
|---|---|---|---|
| 0〜30分 | 通常(識別色) | ソート順通り | 距離を表示 |
| 30〜60分 | グレー(薄い影) | ソート順通り | 距離を表示 |
| 60分以上 | グレー「?」 | リスト末尾に移動 | 「音信不通」と表示 |
ペースメーカー
管理者が設定すると、仮想参加者として地図上に表示される。設定された速度と開始時刻から現在の想定位置を自動計算し、リアルタイムで移動する。実際の参加者と同様にポップアップで詳細を確認できる。
ルート・距離マーカー・POI
ルート
管理者がGPXファイルを登録するとルートが地図上に表示される。
- 🔵複数ルートを色分けして同時に表示できる(青・赤・緑・紫・茶の5色サイクル)
- 🖱ルートラインをクリックするとルート名とポイント数のポップアップが表示される
距離マーカー
ルート上の一定間隔ごとに距離ラベルが表示される。ズームレベルに応じて間隔が自動的に変わる。
| ズーム | 間隔 |
|---|---|
| 16以上(最大拡大) | 1 km |
| 15 | 2 km |
| 13〜14 | 4 km |
| 11〜12 | 8 km |
| 9〜10 | 20 km |
| 8以下(最大縮小) | 40 km |
POI(チェックポイント・給食所など)
ルート上のポイントを色分けされたピンマーカーで表示する。マーカーをクリックすると名前・説明のポップアップが開く。
標高グラフ
GPXに標高データが含まれている場合のみ、画面下部に折れ線グラフが表示される。
- 🔍地図に表示されているルートの範囲に合わせてグラフが自動的にズームする
- 📊複数ルートがある場合は同じ距離軸に重ねて表示する
- ➖右端の「−/+」ボタンでパネルを折りたたむ・展開できる(状態はブラウザに記憶される)
地図タイルの切り替え
地図右下のレイヤーコントロールから背景地図を切り替えられる。選択はイベントごとにブラウザに記憶される。
| 選択肢 | 内容 |
|---|---|
| OpenStreetMap | デフォルト。一般的な地図タイル |
| 国土地理院 | 日本の詳細な地形図(明るい配色) |
| 国土地理院(濃色) | 日本の地形図(暗い配色) |
地図の操作
| 操作 | 内容 |
|---|---|
| ドラッグ / スワイプ | 地図を移動する |
| ホイール / ピンチ | ズームイン・アウト |
| 初回読み込み時 | 全参加者が収まるよう自動フィットする |
| 手動で地図を動かした後 | 自動フィットは行われなくなる |
3D地図ページ
地形を3Dで表示する地図(/e/{イベントslug}/3d)。通常の地図ページから「3D」ボタンで移動できる。
ルートが3D地形上に表示されている。右上に参加者パネル、左に操作スライダー。
操作コントロール
| コントロール | 内容 |
|---|---|
| 傾きスライダー(0°〜85°) | カメラの仰角を調整する |
| 高さスライダー(1×〜10×) | 地形の高さ方向の誇張倍率を調整する(スマートフォンでは非表示) |
| 位置リセットボタン | カメラを初期位置・角度に戻す |
| 2D リンク(左上) | 通常の2D地図に戻る |
参加者マーカーとルート表示は2D地図と同じ内容。ドラッグ・ピンチ操作でカメラを回転・移動できる。
URLパラメータ
| パラメータ | 値 | 効果 |
|---|---|---|
?lang=ja | ja / en | 表示言語を指定する(通常はブラウザの言語設定が使われる) |
?auto | (値なし) | 自動表示モード。ナビゲーションUIを非表示にして地図のみを表示する |
ブラウザに記憶される設定
以下の設定はブラウザのローカルストレージに保存され、ページをリロードしても・次回アクセスしても維持される。
| 設定項目 | スコープ |
|---|---|
| 表示言語 | サービス全体 |
| 参加者の並び順 | サービス全体 |
| 「選択のみ」フィルタの状態 | サービス全体 |
| 参加者パネルの折りたたみ状態 | サービス全体 |
| 標高グラフの折りたたみ状態 | サービス全体 |
| 選択中の参加者 | イベントごと |
| 地図タイルの種類 | イベントごと |