This Extra Field Type is available in WordPress Creation Kit Hobbyist or Pro. The Map Field allows to add a Map in a Post, Page or Custom Post Type. Inside the Map you can Pin a location.
To add a Map Field to a previously created Custom Meta Box, under the Meta Box Fields tab simply insert a Field Title and under Field Type make sure you select Map.
The Map Field contains options to customize it:
This is how the Map Field we created above looks like in the Edit Screen:
In order to make the Map Field work you will need to add your Google Maps API in WCK -> Start and Settings -> Extra Settings -> Google Maps API -> Save.
We will select to Create a new project and click on Continue.
Now the API is enabled for our project. We have to create credentials so we will click on “Go to credentials”.
We can give our API Key a Name like Google Map API Key. Also, we can add multiple HTTP referrers so that we can limit map loading only for these URLs. If you wish to allow an entire domain to load the Google Maps you can add an asterix at the end of the URL.
If we don’t add a HTTP referrer, requests will be accepted from any referrer (domain). To continue we have to click on “Create API key”
Our API Key is now Created. Copy and Paste it in Profile Builder -> Manage Fields -> Map Field -> Google Maps API Key. To finish the process and go to API Manager click on “Done”.