Oprava: Tato stránka nemůže správně načíst Mapy Google

Jak Na To



Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

Google Maps je webová mapovací služba, která poskytuje geografické regiony a silniční mapy kdekoli na světě. Někteří majitelé webových stránek však dostávají chybu „ Tato stránka nemůže správně načíst mapy Google ”Místo načtení Google Map. Tuto chybu lze také zobrazit jako „ Tato stránka nenačetla Mapy Google správně. Technické podrobnosti najdete v konzole JavaScript “.



Jejda! Něco se pokazilo - Tato stránka nenačetla mapy Google správně



Poznámka: Toto řešení je zaměřeno na vlastníky webových stránek, nikoli na konvenční uživatele.



Co způsobuje, že se Mapy Google nenačítají správně?

Google Map Pluginy by fungovaly skvěle bez jakýchkoli chyb, ale věci se za posledních několik let změnily, když Google změnil svá pravidla pro webové stránky s vloženými mapami. Vlastníci webových stránek byli schopni to udělat dříve pouhým použitím vloženého kódu, ale nyní pro správnou funkci Google Map vyžadují klíč API. Pokud již máte klíč API přidaný, můžete si v prohlížeči Chrome prohlédnout kartu „Zkontrolovat prvek -> Konzola“ a zjistit přesný důvod, proč Google na vašem webu Mapy nepovoluje. Může to být způsobeno nesprávným klíčem, omezeným klíčem atd.

Přidejte klíč Google API do nastavení svého webu

Aby Google Map fungoval pro váš projekt nebo web, musíte vytvořit klíč Google API a přidat jej do nastavení vašeho webu. Chcete-li vytvořit klíč a odstranit jakékoli další chyby, musíte se přihlásit do služby Google Developers.

Pokud jste skript pro mapy vložili ručně, mělo by to být s klíčem API místo YOUR_API_KEY následující:



  asynchronní odložit src=„https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'typ='text / javascript'>

Vzhledem k tomu, že WordPress je nejpopulárnějším CMS, používá jej více než 172 milionů webových stránek; ukážeme kroky pouze pro WordPress.

  1. Přejděte do nastavení pluginu podle toho, co pro Mapy Google používáte, a mělo by mít možnost přidat klíč API. Pokud ho nemá, pravděpodobně používáte starší verzi pluginu nebo zastaralý plugin.

    Pluginy Google API ve WordPressu

  2. Ponechejte nastavení otevřené pro klíč API na vašem Web WordPress .
  3. Jít do Správce cloudových zdrojů Google
  4. Pokud ještě nejste přihlášeni, přihlaste se do Google
  5. Klikněte na „ Vytvořit projekt ”, Pojmenujte projekt a klikněte na„ Vytvořit '

    Vytvoření projektu

  6. Jít do Povolující rozhraní API společnosti Google webová stránka.
  7. Klikněte na „ Vyberte projekt ”Nahoře, poté vyberte nový projekt, který jste právě vytvořili, a Pokračovat
  8. Lis ' Povolte API a služby '
  9. Hledat ' Maps JavaScript API “A otevřete ji
  10. Poté stiskněte Umožnit ' knoflík

    Povolení API pro projekt

  11. Klikněte na nabídku Navigace, vyberte „ API a služby “A přejděte na„ Pověření '
  12. Klikněte na rozbalovací nabídku Vytvořit přihlašovací údaje a vyberte „ Klíč API '
    Poznámka : Můžete jej nastavit jako Omezující klíč, abyste zabránili neoprávněnému použití, pokud chcete
  13. Klikněte na „ Zavřít ”Poté klikněte na vytvořený klíč
  14. Vyberte „ Odkazující servery HTTP “V Omezení aplikace
  15. Přidejte URL svého webu a klikněte na „ Uložit '
  16. Nyní zkopírujte klíč a vraťte se na web WordPress

    Vytváření klíče API pro web

  17. Přejděte dolů pod levý panel a přejděte na „ Nastavení '
  18. Najdete možnost „ KLÍČ Google API ”, Otevřete to a vložte tam klíč.
  19. Uložte nastavení, přejděte na svou stránku a obnovte ji.

Poznámka: Ujistěte se, že vaše fakturace byla povolena, protože google umožňuje pouze kredit v hodnotě 300 $ nebo 12 měsíců bezplatného používání (podle toho, co se rychleji zmenší). Poté je třeba nastavit a implementovat fakturaci.

2 minuty čtení