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