# フォームおよび入力での位置情報

*スキルレベル: 中級*

## 開始前に

* [Google APIキーを生成](https://help.adalo.com/ja/database/location/getting-your-google-api-key)していることを確認してください
* [場所プロパティタイプ](https://help.adalo.com/ja/database/location/the-location-property-type)について知っていること
* [場所のマジックテキストとフォーマット](https://help.adalo.com/ja/database/location/location-magic-text-and-formatting)について知っていること
* この機能を使用するには有料のAdaloプランが必要です
* アプリが場所機能を使用するたびに、Googleプランに料金が請求されます

## ウォークスルー

{% tabs %}
{% tab title="シンプル" %}

#### フォームでの場所の使用

**1.)** ユーザーが場所や住所を検索して入力できるようにする方法は2つあります。最初の方法は、場所プロパティをフォームのフィールドとして追加することです。これを行うには、フォームを選択し、**フィールド**ドロップダウンをクリックします。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-cf2df7f644222cff5046d5b8aa9b1c7fb11ca1de%2FScreen%20Shot%202022-05-02%20at%203.57.19%20PM.png?alt=media)

**2.)** 新しいフォームの場合、場所はすでに追加されているはずです。そうでない場合は、**+ 可視フィールドを追加**ボタンを使用して追加できます。追加したら、ラベル、アイコン、プレースホルダーテキスト、必須フィールドかどうかを変更できます。編集が完了したら、**完了**をクリックします。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-191d34be8bfa9b739755e4382c7e23b597f4c140%2FScreen%20Shot%202022-05-02%20at%204.00.22%20PM.png?alt=media)

**3.)** これで、ユーザーはフォーム内で場所、場所、住所を直接検索して作成または更新されたレコードの場所プロパティに保存できます。

#### 場所入力コンポーネントの使用

**4.)** ユーザーが検索して入力できるようにする2番目の方法は、当社の場所入力コンポーネントを使用することです。このコンポーネントを使用してカスタムフォームを構築したり、ユーザーに場所や住所を動的に検索して表示させたりできます。アクセスするには、左上の大きなプラス記号をクリックし、**フォームとフィールド**ドロップダウンをクリックします。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-d708b67cab4e3b3f5e088eceecc1b02098ecb15b%2FScreen%20Shot%202022-05-02%20at%204.05.25%20PM.png?alt=media)

**5.)** 次に、**場所入力**コンポーネントをアプリ画面にドラッグアンドドロップします。コンポーネントを選択した状態で、通常のテキスト入力と同様に、**スタイルの編集**ボタン内でプレースホルダーテキスト、アイコン、その他のスタイルオプションを変更できます。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-83c2442fe52ed9b947dec4f522a04c2c4f1bc803%2FScreen%20Shot%202022-05-02%20at%204.18.42%20PM.png?alt=media)

**6.)** さらに、アクションやリスト内で場所入力の値を参照したり、場所データ自体をデータベースの場所プロパティに保存したりすることができます。これは、アクションを持つ場所プロパティをクリックし、**その他のコンポーネント**にホバーしてから、**場所入力**を選択することで行います。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-8dad98e70bfdf5399a8f5e7b796bc8589214e43b%2FScreen%20Shot%202022-05-02%20at%204.23.37%20PM.png?alt=media)

**7.)** 特定の場所データの一部を参照して条件付きアクション、表示条件、またはフィルタリングを作成する場合は、場所入力コンポーネントを使用できます。条件付きアクション、表示条件、またはフィルタリングが存在する場合は、**その他のコンポーネント**オプションにホバーします。アイコン付きのオプションを選択する代わりに、\*\*場所入力 >\*\*にホバーして比較する特定のオプションを表示します。 ![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-d2cc013c2277b4280df8a602a5704c4a1eeb7881%2FScreen%20Shot%202022-05-02%20at%204.39.18%20PM.png?alt=media)
{% endtab %}
{% endtabs %}

## Learn More

* ロケーション入力コンポーネントを使用すると、ユーザーが特定の場所を検索し、その場所を使用してリストをフィルタリングまたはソートすることさえできます。場所の比較については[こちら](https://help.adalo.com/ja/database/location/comparing-locations)をご覧ください。
* 場所がフォームや入力コンポーネントで機能する前に、いつものように[Google APIキー](https://help.adalo.com/ja/database/location/getting-your-google-api-key)が必要です。
* ロケーションの使用に関するApp Academyの[コース](https://appacademy.adalo.com/course/geolocation-uber-airbnb)をチェックしてください。
* マップコンポーネントと組み合わせてロケーション入力を使用し、人々が場所を検索してすぐに地図上で表示できるようにします。マーカーアドレスを**Location Input's > Full Address**に設定することを忘れないでください。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-11766058b10f31619bf2eb47d5548773090dd1df%2FScreen%20Shot%202022-05-02%20at%204.49.29%20PM.png?alt=media)

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にこの記事へのリンクを貼り付けることもお忘れなく！