Oprava: Táto stránka nemôže načítať Mapy Google správne

Ako Na To



Vyskúšajte Náš Nástroj Na Odstránenie Problémov

Google Maps je webová mapová služba, ktorá poskytuje geografické oblasti a cestné mapy kdekoľvek na svete. Niektorým vlastníkom webových stránok sa však zobrazuje chyba „ Táto stránka nemôže načítať mapy Google správne ”Namiesto načítania Google Map. Táto chyba sa môže zobraziť aj ako „ Táto stránka nenačítala Mapy Google správne. Technické podrobnosti nájdete v konzole JavaScript “.



Ojoj! Niečo sa pokazilo - Táto stránka nenačítala mapy Google správne



Poznámka: Toto riešenie je zamerané na vlastníkov webových stránok, a nie na bežných používateľov.



Čo spôsobuje, že sa Mapy Google nenačítajú správne?

Google Map doplnky by fungovali skvele bez akýchkoľvek chýb, ale veci sa zmenili za posledných pár rokov, keď Google zmenil svoje pravidlá pre webové stránky s vloženými mapami. Majitelia webových stránok to predtým mohli dokázať pomocou vloženého kódu, teraz však potrebujú kľúč API, aby Google Map fungovala správne. Ak už máte kľúč API pridaný, môžete si v prehliadači Chrome zobraziť kartu „Skontrolovať prvok -> Konzola“ a zistiť presný dôvod, prečo spoločnosť Google nepovoľuje Mapy na vašom webe. Môže to byť spôsobené nesprávnym kľúčom, obmedzeným kľúčom atď.

Pridajte kľúč Google API do svojich nastavení stránok

Aby mapa Google pre váš projekt alebo web fungovala, musíte si vytvoriť kľúč Google API a pridať ho do nastavení svojej stránky. Ak chcete vytvoriť kľúč a vyriešiť akékoľvek ďalšie chyby, musíte sa prihlásiť do služby Google Developers.

Ak ste skript pre mapy vložili ručne, malo by to byť s kľúčom API namiesto YOUR_API_KEY nasledovné.



  async odložiť src=„https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'typu='text / javascript'>

Pretože WordPress je najpopulárnejší CMS, používa ho viac ako 172 miliónov webových stránok; ukážeme kroky iba pre WordPress.

  1. Prejdite do nastavení doplnku podľa toho, čo používate pre Mapy Google, a malo by mať možnosť pridať kľúč API. Ak ho nemá, pravdepodobne používate staršiu verziu doplnku alebo zastaraný doplnok.

    Doplnky Google API vo WordPress

  2. Ponechajte nastavenia otvorené pre kľúč API vo vašom Stránka WordPress .
  3. Ísť do Správca cloudových zdrojov spoločnosti Google
  4. Ak ešte nie ste prihlásení, prihláste sa do služby Google
  5. Kliknite na „ Vytvorte projekt ”, Pomenujte projekt a kliknite na“ Vytvoriť „

    Vytvorenie projektu

  6. Ísť do Povolenie rozhrania Google API webstránka.
  7. Kliknite na „ Vyberte projekt ”Navrchu, potom vyberte nový projekt, ktorý ste práve vytvorili, a ďalej
  8. Stlačte „ Povoliť rozhrania API a služby „
  9. Hľadať ' Mapy JavaScript API ”A otvorte ho
  10. Potom stlačte „ Povoliť ”

    Povolenie API pre projekt

  11. Kliknite na navigačnú ponuku, vyberte „ API a služby ”A choďte na“ Poverovacie listiny „
  12. Kliknite na rozbaľovaciu ponuku Vytvoriť poverenia a vyberte možnosť Kľúč API „
    Poznámka : Môžete obmedziť kľúčom, aby ste zabránili neoprávnenému použitiu, ak chcete
  13. Kliknite na „ Zavrieť ”Potom kliknite na vytvorený kľúč
  14. Vyberte „ Sprostredkovatelia HTTP “V Obmedzeniach aplikácie
  15. Pridajte webovú adresu svojho webu a kliknite na „ Uložiť „
  16. Teraz skopírujte kľúč a vráťte sa na stránku WordPress

    Vytvára sa kľúč API pre web

  17. Posuňte sa dole pod ľavý panel a prejdite na „ nastavenie „
  18. Nájdete možnosť pre „ KĽÚČ Google API ”, Otvorte ho a vložte tam kľúč.
  19. Uložte nastavenia, prejdite na svoju stránku a obnovte ju.

Poznámka: Uistite sa, že je vaša fakturácia povolená, pretože google povoľuje iba kredit v hodnote 300 $ alebo 12-mesačné bezplatné používanie (podľa toho, čo klesá rýchlejšie). Potom je potrebné nastaviť a implementovať fakturáciu.

2 minúty prečítané