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

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

要件

デバイスの現在位置を共有し、追跡するためにどこからでもアクセスできるマップ上に表示します。

使用ケース

救急車が走行中の場合、最寄りの病院に早く到着する必要があります。交通を避けるため、救急車の運転手は警察に車両の位置を共有します。警察官は、地図上で車両のライブ位置を追跡して、交通をナビゲートして最寄りの病院に最速で到着するのを助けます。

使い方を見る

手順

1. 「アプリケーション」を作成します名前は追跡です。

2. フォームを作成して、以下の詳細を参考にしてください。

フォーム名	フォームリンク名	フィールドタイプ	フィールド名	フィールドリンク名
追跡	追跡	住所	住所	住所
		小数点	7 桁の小数点以下の経度 )	経度
		10 進数	緯度（7 桁の 10 進数）	緯度

アンビエンスドライバーの座標は、位置を共有すると10秒間隔でこの追跡フォームに自動的に入力されます。

このアプリケーションには、次の目的のために2つのウィジェットがあります。

救急車ドライバーが自分の場所を共有するため。

警察がアンビエンスドライバーの現在位置をGMapsで追跡して閲覧するために。

3. Creatorには、本文書の末尾に添付されているサンプルZIP添付ファイルを使用して直接アップロードするか、端末を使用して作成してCreatorにアップロードすることができます。

サンプルZIP添付ファイルを利用する

ii) ZIPファイルを本文末尾に添付しているものをダウンロードしてください。これにはトラッキングアプリに関連するすべてのプライマリファイルとセカンダリファイルが含まれています。

注意：もしサンプルZIP添付ファイルを使ってウィジェットを作成する場合は、ダウンロード後、ステップ4に進んでください。

（または）

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

i) CLI のインストールを使用してウィジェットを端末で作成します。インストールが完了したら、プロジェクトを作成したいファイルディレクトリに端末で移動します。

cd ディレクトリ

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

注意 : 本ページのすべてのコマンドは、ターミナルで作業することを前提としています。同じスクリプトは、Windowsのコマンドプロンプトでも使用できます。

zet init

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

iv) プロジェクト名をTrackingと入力してください。プロジェクトフォルダは、先ほどナビゲートしたファイルディレクトリに作成されます。ここでは、ファイルディレクトリフォルダがDocumentsです。

v) widget.html ファイルへとナビゲートします，以下のように．それを enableTracking.html という名前に変更します．このウィジェットのためのスクリプトをカスタマイズし，ウィジェットファイルに挿入します．このウィジェットは，救急車ドライバーが自分のライブ位置を追跡できるようにするために Share My Location ボタンを作成します．

注意 : また、本文末尾に提供されている enableTracking.html ファイルからサンプルスクリプトをコピー＆ペーストして、このウィジェットをすぐに作成することもできます。

vi) ターミナルで、ローカルストレージにもう1つのウィジェットファイルを作成するために、次のコマンドを入力します。これにより、警察が救急車の位置を確認するためのGMapsが表示されます。

注意 : 以下のコマンドは、以下に記載されている通りに対応するアクションを実行します。

コマンド	アクション
cd	ディレクトリファイルへ移動します
cd ファイル名	ファイルに移動します
mkdir フォルダ名	フォルダを作成します
touch ファイル名	ファイルを作成します

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

tracking/app へ移動
GMaps ディレクトリを作成
Gmaps へ移動
watchPosition.html を作成

vii) ローカルストレージへ移動します。 app フォルダー内で自分のスクリプトを書いて、セカンダリファイル（css と js）を作成してカスタマイズします。

注意 : または、appフォルダー内の二次フォルダーをコピー＆ペーストすることもできます。

八) watchPosition.html （GMaps）およびそれに相当するjsファイルのコードをカスタマイズします。

注意 : または、 watchPosition.html (GMaps)およびそれに相当するjsファイルのコードをコピーして貼り付けることもできます。

ix) 次のコマンドを実行してプロジェクトを検証してパッキングします。

cd
cd Tracking
zet validate
zet pack

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

4. クリエイターアプリケーションの設定を開きます。「ウィジェット」をクリックしてください。

5. 「作成」をクリックしてください。「新規ウィジェット」のペインが表示されます。

6. 以下の表で提供された詳細を対応するフィールドに入力し、2つのウィジェットを作成します。

注意 :

インデックスファイルは、ウィジェットのスクリプトがエンコードされた主要なファイルであり、ウィジェットの全ての側面をリンクします。それぞれのインデックスファイルは、それぞれのウィジェットに固有です。
ウィジェットZIPファイルは、追加される全てのウィジェットの主要なファイルと副次的なファイルを収容するファイルです。

	名前	ホスティング	ウィジェットファイル（閲覧）	インデックスファイル
ウィジェット1	enableTracking	内部	Tracking.zip	/enableTracking.html
ウィジェット2	GMaps	内部	Tracking.zip	/GMaps/watchPosition.html