コンテンツにスキップ

ホーム

ホーム画面

概要

ログイン後に表示されるメイン画面。左パネル(移動局一覧など)・地図エリア・右パネル(チャット等)の3エリアで構成される。 地図上に移動局の現在地をリアルタイムで表示し、ルート検索・目印管理・チャット・メッセージ送信などの各機能へのアクセス起点となる。

ヘッダー・サイドバー(左ナビゲーションメニュー)は全画面共通レイアウト。詳細は layout.md を参照。


URL

地図版 URL
Zenrin地図版 /home
Googleマップ版 /home

画面構成

┌──────────────┬──────────────────┬────────────────┐
│              │                  │                │
│  左パネル     │    地図エリア     │  右パネル      │
│(移動局一覧   │(Google/Zenrin)  │(お知らせ/     │
│ ルート検索   │                  │ チャット等)    │
│ 目印 等)    │                  │                │
└──────────────┴──────────────────┴────────────────┘
  • 左パネル(PC版のみ):サイドバーで選択したメニューに対応するコンテンツを表示。幅をドラッグでリサイズ可能、閉じることも可能
  • 地図エリア:GoogleマップまたはZenrin地図を表示。住所検索・ズーム・表示コントロール付き
  • 右パネル(PC版のみ):右側のタブアイコンから開閉するドロワー。幅リサイズ可能

全体レイアウト

ホーム画面(左パネル+地図)

ボタン・アクション

ボタン/操作 説明
左パネル閉じる(◀︎) 左パネルを非表示にする
左パネル開く(▶︎) 左パネルを再表示する
左パネルドラッグリサイズ パネル右端をドラッグして横幅を変更
右パネルタブクリック 該当パネルを開く(同じタブを再クリックで閉じる)
右パネル閉じる(▶︎) 右パネルを非表示にする
右パネルドラッグリサイズ パネル左端をドラッグして横幅を変更
地図上のアイコンクリック 移動局の詳細情報を表示
住所検索 地図上の検索フォームで住所を検索して地図を移動

地図エリアの機能・表示要素

地図コントロールボタン

地図右側に縦並びで配置される操作ボタン群。

ボタン 説明 表示条件
交通状況 地図上に交通情報レイヤーを表示/非表示切り替え 常時表示
天気表示 地図上に天気メッシュを表示/非表示切り替え PC版のみ・履歴タブ/トラッキング時は非表示
ズームイン(+) 地図を1段階拡大 常時表示
ズームアウト(-) 地図を1段階縮小 常時表示
地図設定 地図設定ダイアログを開く(アイコンサイズ・表示項目等) トラッキング時は非表示
現在位置 ブラウザのGPSで現在地を取得し地図を移動 常時表示

地図オーバーレイ表示要素
表示要素 説明 表示条件
移動局マーカー 移動局の現在地をアイコンで表示。クリックで詳細ポップアップを表示 常時表示
目印マーカー 登録済み目印を地図上に表示 目印参照権限あり
チャットプロット チャットメッセージに紐づく位置情報をプロット表示 チャットIDあり
エスコートマーカー 行き先指示の目的地ピンを表示 エスコート配車オプションあり かつ 行き先指示権限あり
ジオフェンス(ポリゴン/円) 設定済みジオフェンス領域を多角形または円で表示 ジオフェンスオプションあり
動態履歴マーカー 履歴検索結果の位置を地図上に表示 履歴タブ選択時
アニメーション履歴マーカー 履歴の再生アニメーション表示 履歴再生中
スケールバー 地図の縮尺を表示 常時表示
ミニマップ 地図種別切り替えボタン(道路図 ↔ 航空写真ハイブリッド) Googleマップ版のみ

地図下部オーバーレイ(コントローラー)
コントローラー 説明 表示条件
天気操作パネル 天気表示の日時スライダー・再生/停止操作 天気表示ON時
天気スケール 天気メッシュの凡例(降水量など) 天気表示ON時
履歴操作パネル 履歴の再生・一時停止・速度変更・タイムライン操作 履歴タブ選択・履歴データ表示時

コンテキストメニュー(PC版・右クリック)

地図上を右クリックすると表示されるメニュー。PC版のみ。

メニュー項目 説明 表示条件
ストリートビュー クリック位置のGoogleストリートビューを開く 常時表示(Googleマップ版)
行き先指示 クリック位置を目的地として行き先指示作成フォームを開く エスコート配車オプションあり かつ 行き先指示権限あり
目印登録 クリック位置に目印を新規登録するフォームを開く 目印参照権限あり
貼り付け コピー/カットした目印を貼り付け 目印コピー/カット操作後
ここに移動 地図の中心をクリック位置に移動 常時表示
共有リンク(GoogleMap) クリック位置のGoogleマップリンクをコピー 常時表示(Googleマップ版)

画面遷移

flowchart LR
    A([ログイン画面]) -->|ログイン成功| B([ホーム画面])
    B -->|ログアウト| A
    B -->|セッション切れ| A
    B -. サイドバー各設定項目 .-> C[オーバーレイ表示\n画面遷移なし]
    C -. 閉じる .-> B

左パネルのタブ(ホームメニュー選択時)

タブ アイコン 表示条件 内容
移動局 移動局アイコン 常時表示 絞り込み条件・フィルター・移動局一覧
ルート検索 ルートアイコン ルート検索権限あり 地点指定・検索条件・ルート検索結果
目印 目印アイコン 目印参照権限あり 目印の絞り込み・一覧表示
バスロケ バスアイコン バスロケオプションあり バスの現在位置・到着情報
移動局タブ

移動局タブ

画面項目(移動局タブ)
項目名 型 必須 説明
都道府県 セレクトボックス - 表示対象の都道府県でフィルタリング
昇順 / 降順 ラジオボタン - 移動局一覧の並び順
フィルター入力 テキスト - 絞り込みたい条件をフリーテキストで入力
地図範囲内の移動局のみ表示 チェックボックス - チェック時は地図表示範囲内の移動局のみ表示
緊急状態の端末を表示 チェックボックス - チェック時は緊急状態の端末を表示
速度超過の端末を表示 チェックボックス - チェック時は速度超過の端末を表示
ACC OFFの端末を非表示 チェックボックス - チェック時はACC OFFの端末を非表示
すべて選択 チェックボックス - 一覧の全端末を選択/解除
移動局一覧 リスト - 各移動局の名称・速度・高度・状態・最終更新時刻を表示

ルート検索タブ

ルート検索タブ

画面項目(ルート検索タブ)
項目名 型 必須 説明
移動局から地点追加 ボタン - 移動局の現在地を出発地・経由地・目的地として追加
目印から地点追加 ボタン - 登録済み目印を出発地・経由地・目的地として追加
住所から地点追加 ボタン - 住所入力で出発地・経由地・目的地を追加
地点リスト リスト - 出発地・経由地・目的地の一覧。各地点に削除ボタンあり
車両タイプ セレクトボックス - ルート検索に使用する車両種別を選択
ルート検索 ボタン - 入力した地点間のルートを検索
距離 テキスト - 検索結果のルート距離を表示
所要時間 テキスト - 検索結果の所要時間を表示
クリア ボタン - ルート検索条件・結果をリセット

目印タブ

目印タブ

画面項目(目印タブ)
項目名 型 必須 説明
目印を追加 ボタン - 新規目印の登録フォームを開く
キーワード テキスト入力 - 目印名でフィルタリング
カテゴリ セレクトボックス - カテゴリでフィルタリング
ジオフェンス設定あり チェックボックス - チェック時はジオフェンス設定済みの目印のみ表示
並び順 セレクトボックス - 名前・住所で並び替え
昇順 / 降順 ボタン - 並び順の昇順・降順を切り替え
目印一覧 リスト - 目印名・住所を表示。編集ボタン・削除ボタンあり

バスロケタブ

バスロケタブ

画面項目(バスロケタブ)
項目名 型 必須 説明
現在時刻 テキスト - 現在時刻を表示
便一覧 リスト - 路線名・出発時刻・停留所名・到着/出発区分・運行状況(定時/遅延/運行終了)・遅延分数を表示
車両位置表示 ボタン - 地図上の該当車両位置へジャンプ

移動局の表示機能

移動局一覧の詳細

移動局タブの絞り込み条件エリアは、展開ボタン(絞り込み条件▼)で開閉できる。PC版は前回の開閉状態を保存する。

絞り込み条件
項目名 型 説明
並び順 セレクトボックス 一覧の表示順を「局番順」「名称順」「受信日時順」「速度順」から選択
昇順 / 降順 トグルボタン 並び順の昇順・降順を切り替え
フィルター オートコンプリート(複数選択) 移動局・通話グループ・タグを複数選択して絞り込み。フリーテキスト検索も可
地図範囲内の移動局のみ表示 チェックボックス チェック時は現在の地図表示範囲内にいる移動局のみ一覧に表示
緊急状態の端末のみ表示 チェックボックス チェック時は緊急状態の端末のみ表示(緊急スイッチオプションがある場合に表示)
速度超過の端末のみ表示 チェックボックス チェック時は速度超過の端末のみ表示
ACC OFFの端末を非表示 チェックボックス チェック時はACC OFFの端末を一覧から除外
移動局一覧の各行表示項目
項目名 説明 表示条件
チェックボックス チェックすることで地図上のマーカー表示/非表示を切り替え。チェック時は地図に表示される PC版のみ
状態アイコン 方位・速度状態を色と矢印で表現したSVGアイコン。グループアイコンモード設定時は通話グループ色を使用 常時表示
名称 移動局の表示名(太字) 常時表示
日時 最終受信日時(YYYY/MM/DD HH:mm:ss形式) 常時表示
速度 現在速度(km/h または mph、地図設定で切り替え) 常時表示
状態名 カスタムボタン設定に基づく状態ラベル(状態がない場合は「-」) 常時表示
住所 現在位置の逆ジオコーディングで取得した住所。ピンアイコンクリックで取得 常時表示

行をクリックすると地図が該当移動局の位置に移動し、ポップアップが開く。 地図上への表示件数には上限があり、上限を超えた場合は通知メッセージが表示される。


地図上の移動局マーカー

移動局の現在位置をリアルタイムで地図上に表示する。方位・状態はリアルタイムで更新される。

表示要素 説明
状態アイコン(SVG) 左側・右側の2色でカスタムボタン状態を表現。速度に応じて矢印の向きが変化。グループアイコンモード時は通話グループ色を使用
マーカーラベル 地図設定に応じて「局番 + 名称」「局番のみ」「名称のみ」を表示。常時表示設定またはトラッキング中は常にラベルを表示
マーカーサイズ 地図設定で「標準」「小」を選択可

左パネルの移動局一覧でチェックを外した移動局はマーカーが非表示になる。 履歴検索タブ選択中は移動局マーカーが非表示になる。


移動局ポップアップ

地図上のマーカークリック、または一覧の行クリックで表示される移動局の詳細情報ウィンドウ。

表示情報
項目名 説明
局番 移動局の局番(ヘッダー部に状態アイコンとともに表示)
名称 移動局の名称
日時 最終受信日時
ACC ACC状態(ON / OFF)
速度 現在速度(km/h または mph)
方位 進行方向(N / NE / E / SE / S / SW / W / NW)
状態 カスタムボタン設定に基づく状態名(状態なしの場合は非表示)
住所 現在位置の逆ジオコーディングで取得した住所
ポップアップ内のボタン(トラッキング画面内では非表示)
ボタン 説明 表示条件
履歴表示 地図上に動態履歴マーカーをインラインで表示 PC版 かつ 履歴閲覧権限あり
履歴ページへ 履歴検索ページへ遷移し、該当移動局の履歴を表示 PC版 かつ 履歴閲覧権限あり
追跡 選択した移動局を地図中心に追跡し続けるトラッキングモードを開始 PC版のみ
通話要求 VoIP通話要求を送信 PC版 かつ WebSocket接続中
緊急状態要求 端末に緊急状態通知を送信 チャット対応のスマートフォン端末のみ

右パネルのタブ

タブ アイコン 表示条件 内容
お知らせ ベルアイコン(バッジあり) 常時表示 システムメッセージ・お知らせ一覧
チャット チャットアイコン(バッジあり) チャットIDあり チャットチャンネル一覧・メッセージ
メッセージ メールアイコン メッセージオプションあり かつ 送信権限あり 移動局へのメッセージ送受信
行き先指示 エスコートアイコン エスコート配車オプションあり かつ 行き先指示権限あり 行き先指示(エスコート配車)一覧
ショートカット ショートカットアイコン 目印参照権限あり 目印ショートカット一覧
お知らせ
画面項目(お知らせ)
項目名 型 必須 説明
すべて確認済みにする ボタン - 未読のお知らせをすべて既読にする。未読なし時は非活性
お知らせ一覧 リスト - システムメッセージ・お知らせを一覧表示

チャット

チャット

画面項目(チャット)
項目名 型 必須 説明
添付ファイル ファイル入力 - 送信するファイルを選択(クリップアイコン)
メッセージ入力 テキスト(複数行) - 送信するメッセージを入力。Ctrl+Enter で送信
添付ファイル表示 チップ - 選択済みファイル名を表示。削除ボタンで添付解除
送信 ボタン - メッセージ・ファイルを送信(Ctrl+Enter でも可)

メッセージ

メッセージ

画面項目(メッセージ一覧)
項目名 型 必須 説明
メッセージを作成 ボタン - 新規メッセージの作成フォームを開く
メッセージ一覧 リスト - 送受信したメッセージの一覧を表示
画面項目(メッセージ作成フォーム)
項目名 型 必須 説明
宛先 オートコンプリート ○ メッセージの送信先移動局を選択
件名 テキスト入力 - メッセージの件名(最大50文字)
本文 テキスト(複数行) - メッセージ本文(最大220文字)
定型文 ボタン - 登録済み定型文を本文に挿入
送信 ボタン - メッセージを送信
キャンセル ボタン - 作成をキャンセルしてフォームを閉じる

行き先指示

行き先指示

画面項目(行き先指示一覧)
項目名 型 必須 説明
行き先指示の作成 ボタン - 新規行き先指示の作成フォームを開く
再読み込み ボタン - 一覧を最新状態に更新
行き先指示一覧 リスト - 目的地名・配車先移動局・送信日時を表示。編集ボタン・削除ボタンあり
画面項目(行き先指示作成・編集フォーム)
項目名 型 必須 説明
配車先移動局 セレクトボックス ○ 行き先を指示する移動局を選択
目的地名 テキスト入力 - 目的地の名称を入力
住所検索 テキスト入力 + ボタン - 住所を検索して位置情報を取得
住所 テキスト - 検索結果の住所(自動入力)
緯度 テキスト入力 ○ 目的地の緯度(20〜50)
経度 テキスト入力 ○ 目的地の経度(120〜155)
地図 地図 - ピンをドラッグして目的地の位置を指定
探索基準 セレクトボックス - ルート探索の基準を選択
有料道路 セレクトボックス - 有料道路の利用可否を選択
フェリー航路 セレクトボックス - フェリー航路の利用可否を選択
付加情報 テキスト(複数行) - 追加メッセージを入力(Shift-JIS文字、1行54文字×最大5行)
送信 ボタン - 行き先指示を送信
キャンセル ボタン - 作成をキャンセルして一覧へ戻る

ショートカット

ショートカット

画面項目(ショートカット)
項目名 型 必須 説明
ショートカット一覧 リスト - 登録済み目印のショートカットを表示。ドラッグ&ドロップで並び替え可能
編集 メニュー項目 - ショートカットを編集(PC:右クリック、モバイル:長押しで表示)
削除 メニュー項目 - ショートカットを削除(PC:右クリック、モバイル:長押しで表示)

エラーメッセージ

状況 動作
セッション切れ ログイン画面へリダイレクト
地図読み込みエラー ローディングスピナーを表示
API通信エラー スナックバーにエラーメッセージを表示