RECOMMENDED: Click here to fix Windows errors and optimize system performance
Do you see “This page didn’t load Google Maps correctly” instead of maps on your site? This error has become much more common since Google Maps required an API key on June 22, 2016 (after about 10 years of keyless use). If you use Google Maps on your site after this date, you will need to log in and implement an API key (older users still don’t need it).
Google has not made the implementation of an API key a very user-friendly process. Your interface is developer-centric. As a result, many users have difficulty creating a key correctly. This guide is intended not only for users of our WordPress theme and plugins, but also for anyone on the Internet who wants to know how to correct the error “This page didn’t load Google Maps correctly” on their site.
Step by step guide to correct Google Maps error
Keep your Google Maps API safe.
At this point, you may be ready to create cards with your new bright API key (this long number in the box above), but we recommend another step for added security.
- Click on the link at the end entitled “To improve the security of your application, limit the use of this key in the API console”. Access your API settings and search for the Application Restrictions tab.
- Click on the HTTP Referrer button. Google will then limit the use of your API to a specific website.
- Enter the URL of your website in the empty field below and add * in the right places (e. g. https://*.ltnow.com/*).
- Note that we entered “https” because our LTnow.com site is hosted via HTTPS. If your site is not secure, it will not use HTTPS. Use HTTP instead.
- Once you click on the “Save” button, your API is secure.
Creating a Google Maps API key
Follow these steps to create and implement a Google Maps API key. Google generally allows up to 28,000 dynamic map downloads per month for free – higher-volume sites should evaluate prices.
- Go to the Google Maps platform home page, then click Start.
- Select maps, routes and places (all three), then click on Next.
- Sign in to your Google Account or create a new one if you wish.
- Select Create a new project, enter a name, and click Next.
- It will automatically guide you through configuring the Google Cloud platform billing for your project and enabling your APIs. You will need to enter a credit card for your account. Google offers many free map views, so you don’t have to worry if you have more than 20,000 visitors per month if you don’t see a Google cloud billing.
- Click on the Console API link to restrict the use of your key to your (important) website.
- Under Application Restrictions, select “HTTP Referer (websites)”, then add the following two entries (replace your.com name with your own domain). Type the first entry, then press Enter on your keyboard to add it. Repeat the operation to add the second entry. If you have both entries (with asterisks), you can make sure that your cards work on any URL on your website. Be sure to use multiple entries such as www.yourwebsite.com*, yourwebsite.com/*, *yourresite.com/*, *yourresite.com/* and *yourresite.com/* and specify http:// or https:// correctly.
RECOMMENDED: Click here to troubleshoot Windows errors and optimize system performance
CCNA, Web Developer, PC Troubleshooter
I am a computer enthusiast and a practicing IT Professional. I have years of experience behind me in computer programming, hardware troubleshooting and repair. I specialise in Web Development and Database Design. I also have a CCNA certification for Network Design and Troubleshooting.