WP Location Finder: Get a Google Maps API key

1. Settings

1.1 Get Google Maps API key

Each time you use the Google Maps APIs, if you domain has been created after June 22 2016, you must include a key, to validate your request.
Get a key and enable API: https://developers.google.com/maps/documentation/javascript/get-api-key

More information: https://developers.google.com/maps/documentation/javascript/usage?hl=en

First, you should navigate to Google Cloud console, select a project, or create a new one. Then click on "+ Create credentials" button, select "API key" option.

Then follow the next step and click Create button to get a new API key. Save it for the next step.

1.2 How to create Map ID?

In order to create a map ID, please navigate to Maps management page. Click on Create map ID button.

Then on the Create new map ID page, do the following:

Name: input the map ID name.
Description: describe what the map ID is used for (Optional)
Map type: select JavaScript, and also choose a Raster (the default) or Vector map type.

Remember to click Save button to show your new map ID. Please keep it for the setting.

Note: A map ID is a unique identifier that represents Google Map styling and configuration settings that are stored in Google Cloud. Use the map ID "DEMO_MAP_ID" for testing purposes if you don't have a map ID .

And there are several API & Services you need to enable as below:

Maps JavaScript API
Geocoding API
Geolocation API
Places API
Directions API

1.3 Setting section

Finally, navigate to Menu Location Finder > Settings, and fill the Google Map API key and Map ID created in the previous steps in the corresponding fields:

Google Maps API Key: The Google Maps API key is mandatory. Please roll back to Step 1.1 if you do not know how to create a new API key
Map ID: A map ID is a unique identifier that represents Google Map styling and configuration settings that are stored in Google Cloud.
This is mandatory to have one, you can keep the default one (DEMO_MAP_ID) if you don't need it.
Map default zoom: Default zoom level on the map on first load (set auto zoom to 0)
Display category filter
Display country filter
Display radius filter
Distance for radius search: Distance in the radius search tool
Display tag filter
Open location detail in new tab

Map display

The locations you’ve created will be displayed on the map in the Settings section.

Single location

Add store fields: Add some specific fields to each location like store names and store opening hours

Color and marker

You can adjust the color and default marker image here.

2. Shortcode Generator

In order to generate a map shortcode, navigate to Menu Location Finder > Shortcode generator. You can set some options below:

Type of view: Location search and Map view.
Load a default address: use a toggle to enable and input the address.
Location categories
Location tags

You'll see the shortcode generated in the bottom left corner, and you can easily insert it anywhere on your page!

3. Location Categories

To manage location categories please navigate to Menu Location Finder > Location Categories. From this section, you can effortlessly manage your location categories - add, edit, or remove them as needed!

4. Location Tags

To manage location tags please navigate to Menu Location Finder > Location Tags. From this section, you can effortlessly manage your location tags - add, edit, or remove them as needed!