Fix: Den här sidan kan inte ladda Google Maps korrekt

Google Maps är en webbaserad kartläggningstjänst som tillhandahåller geografiska regioner och vägkartor överallt i världen. Vissa webbplatsägare får dock felet ”Den här sidan kan inte ladda Google-kartor korrekt”Istället för att ladda Google Map. Detta fel kan också visas som “Den här sidan laddade inte Google Maps korrekt. Se JavaScript-konsolen för tekniska detaljer”.

Notera:Denna lösning riktar sig mot webbplatsägare och inte till den konventionella användaren.

Vad gör att Google Maps inte laddas korrekt?

Google karta plugins skulle fungera bra utan några fel, men saker har förändrats under de senaste åren när Google ändrade sina regler för webbplatser med inbäddade kartor. Webbplatsägare kunde få detta att fungera tidigare genom att bara använda den inbäddade koden men nu kräver de API-nyckeln för att Google Map ska fungera korrekt. Om du redan har API-nyckeln tillagd kan du visa fliken "Inspektera element -> Konsol" i Chrome för att se den exakta anledningen till att Google inte tillåter Maps på din webbplats. Detta kan bero på en felaktig nyckel, nyckeln är begränsad etc.

Lägg till Google API-nyckel i dina webbplatsinställningar

För att Google Map ska fungera för ditt projekt eller din webbplats måste du skapa Google API-nyckel och lägga till den i inställningarna på din webbplats. Du måste logga in på Google Developers för att skapa nyckeln och felsöka andra fel.

Om du har satt in skriptet för kartor manuellt bör det vara som följer med din API-nyckel istället för YOUR_API_KEY

Eftersom WordPress är det mest populära CMS där ute, med över 172 miljoner webbplatser som använder det; vi visar endast stegen för WordPress.

1. Gå till inställningarna för insticksprogram, beroende på vad du använder för Google Maps och det bör ha ett alternativ att lägga till API-nyckeln. Om den inte har det använder du förmodligen en äldre version av ett plugin eller ett föråldrat plugin.
2. Håll inställningarna öppna för API-nyckeln på din WordPress-webbplats.
3. Gå till Googles Cloud Resource Manager
4. Logga in på Google om du inte redan är inloggad
5. Klick "Skapa projekt”, Namnge projektet och klicka på“Skapa”
6. Gå till Googles aktiverings-API-webbsida.
7. Klick "Välj ett projekt”Överst, välj sedan det nya projekt som du just skapade och Fortsätta
8. Tryck "Aktivera API: er och tjänster”
9. Söka efter "API för Maps JavaScript”Och öppna den
10. Tryck sedan på “Gör det möjligt" knapp
11. Klicka på menyn Navigation, välj “API: er och tjänster”Och gå till”Referenser”
12. Klicka på rullgardinsmenyn Skapa referenser och välj “API-nyckel”
    Notera: Du kan göra det Begränsningsnyckel för att förhindra obehörig användning om du vill
13. Klick "Stänga”Klicka sedan på den skapade nyckeln
14. Välj "HTTP-hänvisningar”I applikationsbegränsningar
15. Lägg till din webbadress och klicka på “Spara”
16. Kopiera nu nyckeln och gå tillbaka till WordPress-webbplatsen
17. Rulla ned under den vänstra panelen och gå till “inställningar”
18. Du hittar ett alternativ för “Google API-NYCKEL”, Öppna det och klistra in nyckeln där.
19. Spara inställningar, gå till din sida och uppdatera den.

Notera:Se till att din fakturering har aktiverats eftersom google endast tillåter 300 $ i kredit eller 12 månaders gratis användning (Oavsett vilket som minskar snabbare). Därefter måste fakturering konfigureras och implementeras.