Popravak: Ova stranica ne može pravilno učitati Google Maps

Google Maps web usluga je mapiranja koja pruža zemljopisne regije i putne karte za bilo koje mjesto na svijetu. Međutim, neki vlasnici web stranica dobivaju pogrešku ' Ova stranica ne može pravilno učitati Google karte ', Umjesto učitavanja Google karte. Ova se pogreška može prikazati i kao „ Ova stranica nije pravilno učitala Google Maps. Pogledajte JavaScript konzolu za tehničke detalje '.

Ups! Nešto je pošlo po zlu - ova stranica nije pravilno učitala Google Maps

Bilješka: Ovo je rješenje usmjereno na vlasnike web stranica, a ne na uobičajene korisnike.

Što uzrokuje da se Google Maps ne učitaju ispravno?

Google karta dodaci bi izvrsno funkcionirali bez ikakvih pogrešaka, ali stvari su se promijenile posljednjih nekoliko godina kada je Google promijenio njihova pravila za web stranice s ugrađenim kartama. Vlasnici web stranica ranije su to mogli postići samo pomoću ugrađenog koda, ali sada im je potreban API ključ za Google Map za ispravan rad. Ako ste već dodali API ključ, možete pregledati karticu 'Inspect Element -> Console' u Chromeu kako biste vidjeli točan razlog zašto Google ne dopušta Karte na vašoj web lokaciji. To je možda zbog pogrešnog ključa, ograničenja ključa itd.

Dodajte Google API ključ u postavke web lokacije

Da bi Google Map funkcionirao za vaš projekt ili web mjesto, morate stvoriti ključ Google API-ja i dodati ga u postavke web-mjesta. Morate se prijaviti na Google Developers da biste stvorili ključ i riješili sve druge pogreške.

Ako ste ručno umetnuli skriptu za mape, ona bi trebala biti sljedeća s vašim API ključem umjesto YOUR_API_KEY

  asinkronizacija odgoditi src='https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'tip='tekst / javascript'>

Budući da je WordPress najpopularniji CMS vani, s više od 172 milijuna web stranica; demonstrirat ćemo korake samo za WordPress.

1. Idite na postavke dodatka ovisno o tome što koristite za Google Maps i trebala bi imati mogućnost dodavanja API ključa. Ako ga nema, vjerojatno koristite stariju verziju dodatka ili zastarjeli dodatak.

   Google API dodaci u WordPressu

2. Držite postavke otvorenima za API ključ na vašem WordPress stranica .
3. Ići Googleov upravitelj resursa u oblaku
4. Prijavite se na Google ako već niste prijavljeni
5. Kliknite “ Stvori projekt ”, Imenujte projekt i kliknite“ Stvoriti '

   Izrada projekta

6. Ići Googleov API za omogućavanje web stranicu.
7. Kliknite “ Odaberite projekt 'Na vrhu, a zatim odaberite novi projekt koji ste upravo stvorili i Nastaviti
8. Pritisnite “ Omogućite API-je i usluge '
9. Traziti ' API JavaScript Maps ”I otvori ga
10. Zatim pritisnite Omogućiti ' dugme

    Omogućavanje API-ja za projekt

11. Kliknite izbornik Navigacija, odaberite “ API-ji i usluge 'I idite na' Vjerodajnice '
12. Kliknite padajući izbornik Stvori vjerodajnice i odaberite “ API ključ '
    Bilješka : Ako želite, možete ga postaviti kao Ograničeni ključ za sprečavanje neovlaštene upotrebe
13. Kliknite “ Zatvoriti ”, A zatim kliknite stvoreni ključ
14. Odaberi ' HTTP upućivači ”U Ograničenja aplikacije
15. Dodajte URL svog web mjesta i kliknite “ Uštedjeti '
16. Sada kopirajte ključ i vratite se na WordPress web mjesto

    Izrada API ključa za web mjesto

17. Pomaknite se dolje ispod lijeve ploče i idite na ' Postavke '
18. Pronaći ćete opciju za “ Google API KLJUČ ”, Otvorite to i tamo zalijepite ključ.
19. Spremite postavke, idite na svoju stranicu i osvježite je.

Bilješka: Provjerite je li vaša naplata omogućena jer Google dopušta samo 300 USD kredita ili 12 mjeseci besplatne upotrebe (što se brže smanji). Nakon toga treba naplatiti i implementirati naplatu.