Creating and Managing Forms
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。

ロケーションの検索フィールドを使う

[場所の検索]フィールドを使用して、ユーザーがGoogleのMaps JavaScriptAPIとGooglePlaces APIを操作し、場所を選択して、これらのフィールドをフォームに自動入力できるようにします。

  • 住所(例:1400 Montefino Ave.)
  • 市(例:Diamond Bar)
  • 州(例:カリフォルニア州)
  • 郵便番号(例:91765)
  • 国名(例:米国)

フォームのすべてのフィールドを表示する必要はありません。

検索場所フィールドの追加と構成

検索場所]フィールドをフォームに追加するには、次のようにします。

  1. JavaScriptのGoogle Maps APIとGoogle Places APIを有効にします。

    • [検索場所]フィールドをフォームに追加します。 Google Places APIキーがサイトに設定されていない場合、フィールドには警告メッセージが表示されます。

      Search Locationフィールドは、APIキーが設定されていないことを検出します。

    • Google Places APIとMaps JavaScript APIの両方を使用するための1つのAPI Keyを取得します。

    • フィールドの警告メッセージ内のリンクをクリックするか、[サイト設定 (プラットフォーム)] → [Google プレイス] に移動します。 または、同一のインスタンス設定の構成エントリを使用します。

      APIキーは、Google Places APIとMaps JavaScript APIを有効にする必要があります。

    • Google Places API Keyを入力し、 [保存]をクリックします。

  2. ここで、フォームのフィールドを設定します。 フィールド設定のフィールドラベル、表示フィールド、およびレイアウトに特に注意してください。

    • フィールド ラベル は、フォーム内のフィールドのラベルを変更するためのものです。 例えば、[Search Location]の代わりに[Location Lookup]を選択します。
    • 表示フィールド は、フォームに表示および自動入力するサブフィールドを構成します。 Search Location テキストフィールドは常に表示されます(ただし、ラベルはカスタマイズできます)。 住所、市、州、郵便番号、および/または国のサブフィールドを含めることを選択します。
    • レイアウト は、検索場所とそのサブフィールドを1列に表示するか2列に表示するかを決定します。

ロケーションの検索フィールドへのデータ入力

フォームが公開されると 、ユーザーは場所に関する情報を入力して検索場所フィールドを操作します。フィールド設定で表示するように設定されているフィールドは、表示されたオプションから場所を選択すると自動入力されます。

位置情報の入力を開始すると、Google APIのオートコンプリートにより、有効な位置情報が選択されます。