Scroll To Top

How to Set Google Maps Address Correctly on a Website?

Posted in Articles, WordPress8 months ago • Written by ShamsNo Comments

There are too many how to guides related to fix set Google maps address correctly in a website. But most of theme are not works or too complicated.

The error “Oops! Something went wrong. This page didn’t load Google Maps correctly. See the JavaScript console for technical details.” make me crazy. I tried alot to fix this on my WordPress website. Unfortunately, doesn’t work perfectly.

Oops! Something went wrong with Google Maps

Oops! Something went wrong with Google Maps

Let’s fix this issue simply as installing a simple WordPress plugin. Just follow the below step by step guide to set Google map address correctly in your website without end up hiring an expert.

Set Google Maps Address Correctly in a Website

On your website, you can embed a map, Street View image, driving directions, or search into your website or blog. You can share a location or map with others over email, Google+, Facebook, Twitter, or text using this method.

1. Login to your website and install API Key for Google Maps plugin from Plugins section’s of your website and activate it.

2. Select the Google API Key from WordPress settings and click Generate API Key button or click on click here link to get a Google maps API Key.

Generate API Key for Google Maps

Generate API Key for Google Maps

3. You must be log on to your Google account in order to generate API Key. Here I just generate API key using my gmail account.

Enable Google Maps JavaScript API

Enable Google Maps JavaScript API

4. Create a new project or select the created project. I have chosen WalknFix project then click ENABLE API.

Everything is ready, click API Console on the below screenshot to change the API Key security.

You're ready to start developing with Google Maps JavaScript API

You’re ready to start developing with Google Maps JavaScript API

5. Change the key restriction for your website only and add the address of your website on the bottom then click Save to apply the changes.

Google API Manager - Set Google Maps Address Correctly

Google API Manager – Set Google Maps Address Correctly

6. Now, copy the API key from Google API Key manager and past it on the Google Maps API Key WordPress Dashboard and click the Save.

7. Finally find and add the latitude and longitude of your address on Google Maps using latitude and longitude finder websites.

Related tools you need to create a google map:

  1. Generate Google Map iFrame

That’s all you need to set Google maps address correctly on your website.


Searches related to find latitude and longitude google maps

How to enter latitude and longitude into google maps
What’s my longitude and latitude?
Find my coordinates
Gps coordinates google maps
Enter gps coordinates google maps
How do i enter coordinates into google maps
Find location by latitude and longitude
Coordinates map
How can I find longitude and latitude in Google Maps?
How do you get coordinates from Google Maps?
Avada this page didn’t load google maps correctly. see the javascript console for technical details.
This page didn’t load google maps correctly wordpress
How to enable javascript api
Oops something went wrong google maps WordPress
Google maps api key WordPress
Javascript console WordPress

 


TAGS: , , , ,
About this Author
Shams

I'm the internet geek's of my town. Working as assistant with CEO of JowGroups Internet Marketing Team and content creator in Technig.com L

Leave A Response