Googleマップ連携

Googleマップ連携

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

目次
  1. Google マップ連携を作成する手順
  2. Google APIキーの設定
    1. APIキーの作成
    2. 補足情報：APIキーの制限


Zoho Forms で住所の自動入力や郵便番号/Zipコードの検証に Google マップサービスを利用するには、Google APIキーを使用して Google マップ連携を作成する必要があります。以下の手順では、連携を作成し、Google から APIキーを取得する方法を説明します。

Google マップ連携を作成する手順

  1. フォーム一覧ページで、左側ペインの設定の下にあるコントロールパネルをクリックします。

    Forms listing page

  2. 左側のGoogle マップ連携を、開発者向け情報のセクションからクリックします。

    Developer Space

  3. 新しい連携を追加 をクリックします。.

    Google Maps Connections

  4. 表示される新しい連携を追加ポップアップで、連携名を入力します。

    Add New Connection

  5. Google マップ APIキー - クライアント の値を入力します。
    このキーは、Web アプリから Google マップにアクセスするために使用されます。

  6. Google マップ APIキー - モバイル の値を入力します。
    このキーは、Zoho Forms モバイルアプリから Google マップにアクセスするために使用されます。
    APIキーの作成について詳しくはこちら

    メモ:
    1. Google マップ APIキー - モバイル を空欄のままにした場合、クライアント（Web アプリ）用に指定した APIキーがモバイルアプリにも再利用されます。
    2. Web アプリで Google マップの機能を利用するには、Google API ライブラリで Places API と Maps JavaScript API を有効にします。郵便番号/Zipコードの検証機能を利用するには、Geocoding API も有効にする必要があります。 詳しくはこちら
    3. Zoho Forms モバイルアプリで Google マップの機能を利用するには、Google API ライブラリで Places API と Geocoding API を有効にします。 詳しくはこちら

  7. Google の利用規約およびプライバシーポリシーに同意し、作成をクリックして続行します。

    作成後は、    コントロールパネル > Google マップ連携 から、連携を後から確認できます。連携の編集や削除も可能です。さらに、アイコンをクリックすると、利用状況の詳細を確認できます。

    View Google Maps Connections


Google APIキーの設定

Google マップの機能を利用するには、Google マップ連携を作成する必要があります。そのためには、Google APIキーが必要です。

APIキーを作成する前提条件は次のとおりです。

  1. Google Cloud プロジェクトを作成します。
  2. Google Cloud 請求先アカウントを作成します。
  3. 既存のプロジェクトに請求先アカウントをリンクして、課金を有効にします。
  4. Google マップ Platform > APIs & サービス に移動し、必要な Google API を有効にします。

    Web アプリで Google マップの機能を利用するには、Places API と Maps JavaScript API を有効にします。さらに、郵便番号/Zipコードの検証機能には Geocoding API が必須です。キーを作成したら、Google マップ連携の Google マップ APIキー – クライアント の値として入力します。詳しくはこちら

Enable Google APIs for Web App

Zoho Forms モバイルアプリで Google マップの機能を利用するには、Places API と Geocoding API を有効にします。キーを作成したら、Google マップ連携の Google マップ APIキー – モバイル の値として入力します。詳しくはこちら

Enable Google APIs for Mobile App


メモ: すでに Google Cloud プロジェクトと Google Cloud 請求先アカウントがある場合は、新しく作成する必要はありません。それらをリンクするだけで続行できます。
Notes

APIキーの作成

前提条件を満たしたら、次の手順に従って APIキーを作成します。
  1. Google Cloud Console のダッシュボードに移動します。
  2. 左上のメニューから APIs & サービスをクリックします。
  3. 利用可能な設定から 認証情報をクリックします。

    Click Credentials
  4. 画面上部の + 認証情報を作成 ボタンをクリックします。
  5. 設定の一覧から API キーを選択します。

    Choose API Key
  6. 下の画像のように、作成された API キーをコピーします。

    API key Creation

      

追加情報: API キーの制限
デフォルトでは、作成された API キーには制限が設定されていません。つまり、誰でもどこからでも使用できてしまうため、安全ではありません。セキュリティリスクを軽減し、不正利用を防ぐために、Application restrictions と API restrictions の両方を設定することを推奨します。

Application restrictionsでは、どの Web サイト、IP アドレス、またはアプリが API キーを使用できるかを定義します。Zoho Forms 以外からの不正アクセスを防ぎたい場合は、これらの制限を適切に設定してください。


API restrictionsでは、その API キーでアクセスできる API を指定します。特定の API だけにアクセスを制限したい場合は、これらの設定を行う必要があります。

 

制限を設定するには:

  1. 前の画像に表示されているポップアップで API キーを編集 リンクをクリックします。別の方法として、Google Cloud Console > APIs & サービス に移動し、認証情報
    をクリックして、先ほど作成した API キーをクリックします。
    API Key restrictions

  2. [Application restrictions] で、 Websites (HTTP referrers) を選択し、キーの使用を制限する Web サイトを追加します。
     
    Application restrictions

    ご利用のリージョンに応じてドメインを追加します。上記では米国リージョン向けに forms.zoho.com を追加していますが、EU リージョンには forms.zoho.eu、インド リージョンには forms.zoho.in のように、必要に応じて他のドメインも追加できます。 forms.zylker.com のようなカスタムドメインも、上記の例のように必要に応じて追加できます。

    メモ : Zoho Forms モバイルアプリで Google マップ機能を問題なく利用できるようにするには、使用中の API キーに対して Application restrictions や API restrictions を設定しないことを推奨します。
    Notes
  3. [API restrictions] で、 Restrict キー をクリックし、制限したい API を選択します。

    API restrictions


    たとえば、Web アプリで Google マップの 住所自動入力 機能を使用する場合、必要なのは Places API と Maps Javascript API のみです。    そのため、API の利用をこれら 2 つの API に限定できます。

    メモ : ここには、そのプロジェクトで有効になっている API のみが表示されます。有効な API の一覧を確認するには、Google マップ Platform > APIs & サービス に移動してください。詳細はこちら
    Notes
  4. [保存] をクリックします。