To use google maps in MyListing, first thing you need to do is generate a Google map API key. If you install the demo content, a sample API key will be included however that is only for demo purposes. You will need to create your own API key and add. Jun 27, 2018 This video is a step-by-step tutorial on how to get a Google Maps API key fast and with minimum effort. How to generate and restrict API keys for Google Maps Platform. Generate And Setup Google Maps API Keys. Note, this tutorial in some steps refers to the GEO my WP plugin. However, the steps to create the API keys are the same for other geolocation plugins as well. Make sure to enter the Google API keys that you create in the settings page of your plugin.
To use google maps in MyListing, first thing you need to do is generate a Google map API key. If you install the demo content, a sample API key will be included however that is only for demo purposes. You will need to create your own API key and add it in theme tools > map services
Follow these steps to get an API key:
- Go to the Google Cloud Platform Console.
- Create or select a project.
- Click Continue to enable the API and any related services.
You will need to Enable Geocoding API, Maps JavaScript API, Places API
You can find them here - On the Credentials page, get an API key.
- From the dialog displaying the API key, select Restrict key to set a browser restriction on the API key.
- In the Key restriction section, select HTTP referrers (web sites), then follow the on-screen instructions to set referrers.
- Copy the API key and add it in wp-admin > theme tools > map services > general > Google Maps API Key
I have an API key but it does not seem to be working
If the API key is not properly configured, you may notice maps not showing up, location auto-suggest not working, listings not showing up in explore page map among other things.
Good thing is, it’s very easy to find the cause. You can simply right click on the page > choose “Inspect element” > choose “Console”, and there you will see a warning related to maps and a link to google maps documentation related to that warning.
Good thing is, it’s very easy to find the cause. You can simply right click on the page > choose “Inspect element” > choose “Console”, and there you will see a warning related to maps and a link to google maps documentation related to that warning.
If you still have problems with maps after reading this tutorial, then Ask a question here and provide your site URL so we can check
In order to help our customers with Google Maps integration, we have come up with a step-by-step tutorial on how to get a Google Maps API key fast and with minimum effort.
Contents
What is Google Maps API key?
![Get Get](/uploads/1/2/6/0/126071700/659140697.png)
How to get a Google Maps API key?
Getting an API key is not complicated and just requires a couple of minutes of your time. In the process, you will need to create a billing account or use credentials of already existing one, which will be used for payment, in case you exceed your limits. So be prepared to have your billing data with you. Following 3 steps, described below, you will get your API key.Video tutorial
Step 1 – Create your project
- To start the procedure, go to Google Maps Platform
- Press “Get Started” button and in the appeared window tick all three types of products. Press Continue.
- In the updated window, choose Select a project and enter project name in the box below. Then click Next.
Step 2 – Create a billing account
- In the updated window, click Create Billing Account.
- Create a name for you billing project and press Continue. Fill in the appeared form with your contact data and payment information and click Next.
Step 3 – Get your API key
- In the appeared window, you will be offered to enable your APIs. Press Next.
Google Maps Api Key Generate
- You will see a new window with your API key in the box. Save the key to be able to use it and press Done.
Secure your API key
After your key is created, it’s recommended to restrict it to prevent unauthorized usage. Please, go to Google Cloud Platform Console and click on your key. In the appeared form, select “HTTP referrers (websites)” and enter your site domain name in the field below. If you are an Elfsight Apps user, also add *.elfsight.com to be able to manage your widget from Elfsight Apps panel.How do I handle my Google Maps usage limits?
New Google Map Api Key Generation Download
When you get your Google Maps API key, you can set your daily quota for queries in the Google API console. Google Maps web APIs have 25,000 free requests per day, which means the service stays free during the day until you reach this number. If it is exceeded, you need to enable billing or buy a Premium Plan license to have a higher daily quota and allow for more queries.You can have more information concerning usage limits, higher quotas, billing and applying for increased limits on Google Maps API documentation page.Using your key
So, getting your API key isn’t as difficult as it may sound, you need a couple of minutes and the work is done! We hope that our tutorial was helpful and now you can easily handle the task of having an API key. You can use your key in any Google Maps plugin, for example, Elfsight Google Maps widget is a perfect choice if you need a customizable map with various locations and option to create location lists. It allows to show maximum info about your business and has an automatic route calculation to attract more real-life visitors.*An important note for Elfsight Google Maps users: make sure to add “apps.elfsight.com” and the name of the domain, where you are going to use the widget, to the domain field. The field can be found by choosing HTTP reference option in the Application Restrictions menu.
Explore a map widget supporting Google Maps API key
Explore all the features and wide functionality of Elfsight Google Maps widget in a live demo.