スケジュール設定されたタスクの進捗状況をユーザーが確認できるようにすることで、スケジュール設定されたタスクのユーザー エクスペリエンスをカスタマイズします。
スケジュール設定されたタスク用の Consumer SDK とは何ですか？
Consumer SDK は、スケジュール設定されたタスク用の Fleet Engine の機能で、コンシューマ エクスペリエンスを作成するためのツールキットも含まれています。これらのツールキットを使用すると、地図ベースのディスプレイを作成して、ドライバーの進行状況を可視化し、スケジュール設定された停留所に関連付けられたタスクのステータスを表示できます。主に次の 2 つのユーザーを対象としています。
- 個々の配送注文の配送ステータスを確認したい一般ユーザー。このドキュメントでは、JavaScript で Consumer SDK を使用してコンシューマ エクスペリエンスを実装する方法について説明します。Consumer SDK は、
FleetEngineShipmentLocationProviderクラスと関連するインターフェースを提供します。 - フリート全体の配送状況と車両のステータスを追跡するフリート オペレーター。フリートの追跡については、フリート追跡ガイドをご覧ください。
スケジュールされたタスクに Consumer SDK を使用する理由
Consumer SDK をスケジュールされたタスクの Consumer アプリケーションに統合すると、ほぼリアルタイムの位置情報の更新と道路スナップされた位置情報により、包括的なユーザー エクスペリエンスを提供できます。配送車両の位置情報と配送状況の詳細を消費者が確認できるため、荷物がどこにあるか把握できます。
コンシューマ SDK でできること
Consumer SDK を使用して、次の配送情報を消費者と共有します。
- 地図上の配送車両のリアルタイムの位置情報。
- 荷物の到着予定時刻（交通状況などの変化に応じて調整されます）。
- 車両が走行しているルート。
- 荷物が配達されるまでの距離と残りの停留所数。
また、Driver SDK の位置情報に基づいて、ユーザー向けアプリやウェブサイト内で、シームレスな位置情報対応のユーザー エクスペリエンスを作成することもできます。Driver SDK の詳細については、Driver SDK のスケジュール設定されたタスクの概要をご覧ください。
Consumer SDK コンポーネント
JavaScript Consumer SDK には、次のコンポーネントが含まれています。
- 標準の
google.maps.Mapエンティティのドロップイン リプレースメントとなる JavaScript マップ コンポーネント。 - Fleet Engine に接続するデータ コンポーネント。
- 目的地に向かう車両とルートを可視化するためのコンポーネント。
- ドライバーの到着予定時刻や残りの走行距離に関する元データフィード。
次の表に、コンポーネントを示します。
| コンポーネント | 説明 |
|---|---|
| 地図表示 | 地図ビューには、車両の進行状況が示され、車両がルートを移動するにつれてビューが更新されます。 |
| 配送先プロバイダ | 配送追跡プロバイダが位置情報フィードを提供するため、マップには配送の集荷場所や配送先、配送車両の位置やルートなど、配送に関する有用な情報が表示されます。 |
| 認証トークン取得ツール | 認証トークン取得ツールは、バックエンド サーバーから JSON Web Token（JWT）を取得して、Fleet Engine に保存されている位置情報へのアクセスを認証します。JavaScript ジャーニー共有ライブラリを使用して、ウェブ アプリケーションの一部として認証トークン取得ツールを実装します。バックエンド サーバーに、Fleet Engine 用の JSON Web Token（JWT）作成サービスを実装する必要もあります。 |
| 地図のスタイルのオプション | カスタム スタイル設定オプションを使用すると、ウェブ アプリケーションのスタイルに合わせて地図のデフォルトのスタイルを変更できます。 |
Consumer SDK の使用方法
| 1 | JavaScript Consumer SDK を設定する | 詳細については、JavaScript コンシューマ SDK を設定するをご覧ください。 |
| 2 | 配送状況を追跡する | 地図を初期化し、配送の追跡を開始して、適切なクリーンアップで追跡を停止する方法について学びます。配送を追跡するをご覧ください。 |
| 3 | 地図のインターフェースをカスタマイズする | スケジュールされたタスクに JavaScript Consumer SDK を使用すると、地図インターフェースのカスタマイズ、マーカーのカスタマイズ、ポリラインのスタイル設定を行うことができます。地図にスタイルを設定する、マーカーをカスタマイズする、ポリラインをカスタマイズするをご覧ください。 |