{"id":31297,"date":"2018-12-04T09:14:09","date_gmt":"2018-12-04T09:14:09","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=31297"},"modified":"2023-11-21T10:01:29","modified_gmt":"2023-11-21T10:01:29","slug":"configure-google-maps-with-your-api","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/configure-google-maps-with-your-api\/","title":{"rendered":"Configure Location on Google map with your API when building a form with 123FormBuilder"},"content":{"rendered":"\n

Showing is always easier than telling. If you need to communicate a specific address to your respondents, do it with the interactive Location on Google<\/strong> map<\/strong> field. People will appreciate that you\u2019re making their experience smoother this way.<\/span><\/p>\n\n\n\n

The Location on Google map <\/strong>field requires a 2 min setup before you can get it to work<\/span> in our form builder<\/a>.<\/p>\n\n\n

\n
\"Google<\/a><\/figure>\n<\/div>\n\n\n
\n\n\n\n

Get a Google Maps API key<\/b><\/h2>\n\n\n\n

To use the Map field, you first need to connect it to Google\u2019s API. You can get your own API key from this link<\/span><\/a> by pressing <\/span>Get Started. <\/b>You will be guided through a short process to create your own project inside the Google Map Platform in order to get a personal API key.<\/span><\/p>\n\n\n\n

Important Note<\/b><\/p>Google\u2019s Map service will require you to set up a billing account for the API usage. You can check their pricing system here <\/a>.<\/span><\/div>\n\n\n\n

If you don\u2019t have a Billing account just yet, click on the Manage Billing Accounts<\/b> button and then Create Account<\/b>. Afterward, return to the setup from this link<\/a> to set the billing account for your project.<\/p>\n\n\n

\n
\"Create<\/a><\/figure>\n<\/div>\n\n\n

Your API Key will be generated right away. You have the option to enable all the Google Maps APIs for your project or you can enable them individually from Maps APIs and Services<\/a>. <\/span><\/p>\n\n\n\n

There are multiple versions of Google Maps API. To enjoy all the options provided by the Google Maps field, you need to enable the Places API, Maps JavaScript API,<\/b> and Geocoding API.<\/b> <\/span><\/p>\n\n\n\n

\n\n\n\n

Restrict your API key<\/h2>\n\n\n\n

You need to restrict the access to your API key and authorize its access only to trusted requests. Follow the steps below on how to authorize 123FormBuilder.<\/p>\n\n\n\n