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



Prova Vårt Instrument För Att Eliminera Problem

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 ”.



hoppsan! Något gick fel - den här sidan laddade inte Google-kartor korrekt



Notera: Denna lösning riktar sig till 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 lagt till API-nyckeln 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, att 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 manuellt för kartor, ska det vara som följer med din API-nyckel istället för YOUR_API_KEY



  asynk uppskjuta src='https://maps.googleapis.com/maps/api/js?key=DIN_API_KEY& återuppringning = initMap 'typ='text / javascript'>

Eftersom WordPress är det mest populära CMS där ute, använder över 172 miljoner webbplatser 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 ska 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.

    Google API-plugins i WordPress

  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 '

    Skapa ett projekt

  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

    Aktiverar API för projektet

  11. Klicka på Navigationsmenyn, 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

    Skapa API-nyckel för webbplats

  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.

2 minuter läst