What's new

Welcome to Ruzgar.com

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

Ask question

Ask questions and get answers from our community

Answer

Answer questions and become an expert on your topic

Contact us

Contact the site administrator directly.

Groups

Just like Facebook join them and enjoy.

This page could not load Google Maps correctly. Is this website yours? Error.

ruzgar

Administrator
Staff member
Joined
Oct 3, 2021
Messages
37
Reaction score
0
Points
6
Google hasn't offered the Maps app for free since 2016. It was obvious that distributing such a wonderful service for free would also stop at some point.
This error is because you have to create an API.

Google is actually somewhat right. The site that uses maps 1-2 times in a week and the site that uses thousands of map services every minute should be separated from each other. For this, google has made it mandatory to create an API for its use in every mortar.

So it's normal to get the following error:

googlemapsfailure.png

First of all: Geo-location APIs | Google Maps Platform | Log in to the system by clicking the Google Cloud link. If you are not a member, sign up.

googlemap.png

You will be prompted to log in first. You will then be asked for your address and card details. There will be no withdrawals on your credit card. This process is for identification only.
Google gives a gift of 300USD valid for 12 months during membership.
At the end of 12 months, they will charge you a small fee if you allow them.

At the end of the subscription, Google will give you an API key.

You can now manage your API in the APIs section:

google_maps_apis.png

Get an API Key | Maps JavaScript API | You can get information about usage at Google Developers Link.

Let us summarize for you. Get the API key provided when you Sign Up:

This is code similar to the following. (Note, do not copy the code below, it will not work, there is Ğ in it ;))

Code:
AIz2S4AT50kud2d82_vtVdEpNe5Ni1mğWlcOILQ

Here you will put this code in the following code: (Delete YOUR_API_KEY and paste your own code)

Code:
 <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>

The final version will be like this: (Don't use this code, create your own)

Code:
 <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIz2S4AT50kud2d82_vtVdEpNe5Ni1mğWlcOILQ&callback=initMap"
  type="text/javascript"></script>

You can use this code directly in the area where you will use the map.

There may already be a script with API code in the area where you will use the map. In this case, all you have to do is change the API code in the relevant field.

You may also get the following error if this API Key is entered incorrectly:

Mistake! There is a problem.
This page failed to load Google Maps properly. See the JavaScript console for technical details.

googlemapsnotworking.png


When you enter the API Key successfully, the problem will be fixed: As below:

google_maps_working.png

You can write your problems and problems below. Google Maps is arguably the best navigation software.
 
shape1
shape2
shape3
shape4
shape5
shape6
Top