googleAPIキーの取得方法
初期設定で、Google Maps Platform APIキーを設定します。
ここではGoogle Maps Platform APIキーの取得方法をご紹介します。
1.Googleアカウントの作成
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api0-2.png)
まず、Googleアカウントを持っていない方はGoogleアカウントを作成します。
Googleアカウントの作成についてはGoogleアカウントのヘルプをご覧ください。
Googleアカウントを作成済みの方は次のステップに進んでください。
2.プロジェクトの作成
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api02.png)
「Google Maps Platform」にアクセスします。「開始」をクリックします。
・Google Maps Platform![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api0-1.png)
先ほどのGoogleアカウントを使用してログインします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api20-1.png)
「Google Cloud Platform」のダッシュボード画面となりますので、上部メニューから「プロジェクトの選択」をクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api04-1.png)
「プロジェクトの選択」画面で「新しいプロジェクト」をクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api03.png)
プロジェクト名を入力します。
ここには分かりやすい名称を入力します。「作成」をクリックします。
3.APIの有効化
3-1.APIを有効化するプロジェクトを開く
ここではHPでグーグルマップが表示されるようにAPIの各機能を有効化していきます。
Google APIコンソールのダッシュボード画面で、プロジェクト選択部分に、先ほどのプロジェクト名が表示されていることを確認します。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api05.png)
表示されていない場合は「プロジェクトの選択」をクリックし、先ほど作成したプロジェクト名を選択し、「開く」をクリックします。
3-2.APIのサービスを有効化する
サイドメニューの「APIとサービス>ダッシュボード」を選択します。
上部に表示されている「APIとサービスの有効化」をクリックします。APIライブラリが開きます。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api07.png)
有効化するサービスは簡単不動産pro(プロ)通常版と簡単不動産proテーマ版で異なります
3-2-1.簡単不動産pro通常版
簡単不動産pro通常版では下記の3つのAPIを有効化する必要があります。
- Maps JavaScript API
- Geocoding API
- Places API
まずはMaps JavaScript APIを有効化します。APIライブラリ画面に表示されているMaps JavaScript APIをクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api06.png)
Maps JavaScript APIの設定画面になるので、「有効にする」をクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api08-1.png)
同様に他のライブラリについても有効にします。次はGeocoding APIを有効化します。
検索フォームにgeocoding apiと入力してエンターキーを押します。
すると検索結果にGeocoding APIが表示されるのでクリックします。その後はMaps JavaScript APIのときと同じように有効化すると表示された青いボタンが
表示されるのでそれをクリックして有効化します。
![](https://fprodl.index-japan.jp/uploads/2022/04/fprosell_api_20220406_01.jpg)
最後にPlaces APIを有効化します。
今度はplace apiと入力して検索し、Places APIをクリックします。
その後はMaps JavaScript APIのときと同じように有効化すると表示された青いボタンが
表示されるのでそれをクリックして有効化します。
![](https://fprodl.index-japan.jp/uploads/2022/04/fprosell_api_20220406_02.jpg)
3-2-2.簡単不動産proテーマ版
簡単不動産proテーマ版では下記の2つのAPIを有効化する必要があります。
- Maps JavaScript API
- Geocoding API
まずはMaps JavaScript APIを有効化します。APIライブラリ画面に表示されているMaps JavaScript APIをクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api06.png)
Maps JavaScript APIの設定画面になるので、「有効にする」をクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api08-1.png)
同様に他のライブラリについても有効にします。次はGeocoding APIを有効化します。
検索フォームにgeocoding apiと入力してエンターキーを押します。
すると検索結果にGeocoding APIが表示されるのでクリックします。その後はMaps JavaScript APIのときと同じように有効化すると表示された青いボタンが
表示されるのでそれをクリックして有効化します。
![](https://fprodl.index-japan.jp/uploads/2022/04/fprosell_api_20220406_01.jpg)
4.APIキーの作成・取得
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api12.png)
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api22-1.png)
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api23.png)
5.APIの制限
作成されたAPIキーに使用制限をかけることで、セキュリティ強化をします。![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api24.png)
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api25.png)
https://(API使用ドメイン)においてAPIを制限設定(ドメイン許可)をする場合についての設定例: ①ドメインの配下階層全てにおいてAPI使用を許可する。 https://(API使用ドメイン)/*
②サブドメインの配下階層全てにおいてAPI使用を許可する。 https://*.(API使用ドメイン)/*
6.支払い情報の登録
※この作業を行わないとマップが表示されません
「Google Cloud Platform」のダッシュボードから、サイドメニューの「お支払い」をクリックします。
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api10.png)
7.APIキーを指定する
![管理画面ログイン](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_login01.png)
![ロゴ、メイン画像の変更](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_mn-1-2.png)
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api26.png)
![](https://fprodl.index-japan.jp/uploads/2020/10/fprosell_api27.png)