ウィジェットを使ってライブ位置情報を追跡する

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要件

デバイスの有効な場所を共有し、どこからでもアクセスできる地図上で表示して追跡目的で利用します。

使用例

救急車が出動中の場合、最寄りの病院へ時間通りに到着する必要があります。トラフィックを回避するため、救急車の運転手は交通手段の場所を警察と共有します。警察は地図上で交通手段の有効な場所を追跡し、トラフィックを回避しながら最寄りの病院へ最速で到着できるよう支援します。

動作方法を見る

手順

1. アプリケーションを作成し、タイトルはTrackingとします。

2. 以下の詳細を参照しながら、フォームを作成します。

フォーム名	フォームリンク名	項目種類	項目名	項目リンク名
トラッキング	トラッキング	住所	住所	住所
		小数	経度（小数点以下7桁）	経度
		小数	緯度（小数点以下7桁）	緯度

救急車の運転手の座標は、トラッキングフォームで10秒ごとに自動取得され、運転手が場所を共有した際に反映されます。

このアプリケーションには、以下の目的で2つのウィジェットがあります：

救急車の運転手が場所を共有するため。

警察が救急車運転手の有効な場所をGMaps上で追跡・表示するため。

3. ウィジェットは、このドキュメント末尾のサンプル郵便番号添付ファイルを利用して直接Creatorにアップロードするか、ターミナルで作成後、Creatorにアップロードできます。

サンプル郵便番号添付ファイルを利用する

i) このドキュメント末尾に添付されているサンプル郵便番号ファイルをダウンロードします。トラッキングアプリに関連するすべての主要・副次ファイルが含まれています。

メモ : サンプル郵便番号添付ファイルを使ってウィジェットを作成する場合、ダウンロード後は手順4にスキップしてください。

（または）

ターミナルを使用してウィジェットを作成する

i) CLI をインストールし、ターミナルを使ってウィジェットを作成します。インストールが完了したら、ターミナルでプロジェクトを作成したいファイルディレクトリに移動してください。

cd ドキュメント

ii) ターミナルで以下のコマンドを実行し、新しいプロジェクトを作成します。

メモ : すべてのコマンド案内はターミナルでの操作を想定しています。同じスクリプトはWindowsのコマンドプロンプトでも利用可能です。

zet init

iii) Zoho サービスの一覧が表示されます。必須サービスとしてZoho Creatorを選択してください。

iv) プロジェクト名をTrackingと入力します。指定したファイルディレクトリ内にプロジェクトフォルダーが作成されます。ここではファイルディレクトリフォルダーはドキュメントです。

v) widget.htmlファイルに移動し、名前をenableTracking.htmlに変更してください。ウィジェット用スクリプトをカスタマイズしてファイルに挿入します。このウィジェットは、救急車の運転手が自身の有効な場所のトラッキングを有効にするために使用する共有する My 場所ボタンを作成します。

メモ : または、サンプルスクリプトをenableTracking.htmlファイルからコピー＆ペーストして、このウィジェットをすぐに作成することもできます。サンプルスクリプトはこのドキュメントの最後に記載されています。

vi) ターミナルで、以下のコマンドを入力してローカルストレージに新しいウィジェットファイルを作成します。これにより警察が救急車の場所をGMapsで確認できるようになります。

メモ : 下記のコマンドは、それぞれ記載された処理を実行します。

コマンド	操作
cd	ディレクトリファイルへ移動
cd ファイル名	指定したファイルへ移動
mkdir フォルダー名	フォルダーを作成
touch ファイル名	ファイルを作成

cd tracking/app
mkdir GMaps
cd Gmaps
touch watchPosition。html

vii) ローカルストレージに移動し、appフォルダー内でcssとjsなどのセカンダリファイルを作成・カスタマイズし、ご自身のスクリプトを記述してください。

メモ : または、セカンダリフォルダーをappフォルダー内にコピー＆ペーストすることもできます。

viii) watchPosition。html（GMaps）およびそれに対応するjsファイルのコードをカスタマイズしてください。

メモ : または、watchPosition。html（GMaps）および対応するjsファイルのコードをコピー＆ペーストすることもできます。

ix) 次のコマンドを実行してプロジェクトの認証とパッケージ化を行います。

cd
cd Tracking
zet 認証
zet pack

ウィジェットプロジェクトのプライマリファイルおよびセカンダリファイルを含む郵便番号ファイルが、プロジェクトディレクトリのdistフォルダーに作成されます。

4. Creatorアプリケーションの設定に移動します。 Widgets をクリックしてください。

5. 作成をクリックします。新規 Widget ペインがポップアップ表示されます。

6. 下記の表に記載されている詳細に従って、該当する項目を入力し、ウィジェットを2つ作成してください。

メモ :

Index fileは、ウィジェットのスクリプトが組み込まれる主要なファイルです。ウィジェットのすべての要素を連携させる役割を持ちます。各indexファイルは、それぞれのウィジェットに特化しています。
ウィジェット郵便番号ファイルは、追加するすべてのウィジェットの主要および副次ファイルをまとめるファイルです。

	名前	Hosting	Widget File (参照)	Index File
ウィジェット1	enableTracking	内部	Tracking.郵便番号	/enableTracking。html
ウィジェット2	GMaps	内部	Tracking.郵便番号	/GMaps/watchPosition。html