Fix: Halaman Ini Tidak Dapat Memuat Google Maps dengan Benar

Google Maps adalah layanan pemetaan berbasis web yang menyediakan wilayah geografis dan peta jalan untuk semua tempat di dunia. Namun, beberapa pemilik situs web mendapatkan kesalahan "Halaman ini tidak dapat memuat peta Google dengan benar”Alih-alih memuat Google Map. Kesalahan ini juga dapat ditampilkan sebagai "Halaman ini tidak memuat Google Maps dengan benar. Lihat konsol JavaScript untuk detail teknis”.

catatan:Solusi ini ditargetkan untuk pemilik situs web dan bukan pengguna konvensional.

Apa Penyebab Google Maps tidak dimuat dengan benar?

Peta Google plugin akan bekerja dengan baik tanpa kesalahan, tetapi banyak hal telah berubah selama beberapa tahun terakhir ketika Google mengubah aturan mereka untuk situs web dengan peta yang disematkan. Pemilik situs web dapat membuat ini berfungsi sebelumnya hanya dengan menggunakan kode yang disematkan tetapi sekarang mereka memerlukan kunci API agar Google Map berfungsi dengan benar. Jika Anda sudah menambahkan Kunci API, Anda dapat melihat tab 'Elemen Inspeksi -> Konsol' di Chrome untuk melihat alasan pasti mengapa Google tidak mengizinkan Maps di situs Anda. Ini mungkin karena kunci yang salah, kunci dibatasi, dll.

Tambahkan Kunci API Google ke dalam pengaturan situs Anda

Agar Google Map berfungsi untuk proyek atau situs web Anda, Anda perlu membuat kunci Google API dan menambahkannya dalam pengaturan situs Anda. Anda perlu masuk ke Pengembang Google untuk membuat kunci dan memecahkan masalah kesalahan lainnya.

Jika Anda telah memasukkan skrip untuk peta secara manual, maka itu harus seperti berikut dengan Kunci API Anda di tempat YOUR_API_KEY

Karena WordPress adalah CMS paling populer di luar sana, dengan lebih dari 172 juta situs web menggunakannya; kami akan mendemonstrasikan langkah-langkah untuk WordPress saja.

1. Buka pengaturan Plugin, mana saja yang Anda gunakan untuk Google Maps dan itu harus memiliki opsi untuk menambahkan Kunci API. Jika tidak memilikinya, Anda mungkin menggunakan versi plugin yang lebih lama atau plugin yang sudah kedaluwarsa.
2. Biarkan pengaturan terbuka untuk Kunci API di Situs WordPress.
3. Buka Pengelola Sumber Daya Cloud Google
4. Masuk ke Google jika belum masuk
5. Klik "Buat Proyek", Beri nama proyek dan klik"Membuat”
6. Buka halaman web Mengaktifkan API Google.
7. Klik "Pilih sebuah Proyek”Di atas, lalu pilih proyek baru yang baru saja Anda buat dan Terus
8. Tekan "Aktifkan API dan Layanan”
9. Pencarian untuk "Maps JavaScript API"Dan buka
10. Lalu tekan tombol "Memungkinkan"
11. Klik menu Navigasi, pilih "API & Layanan"Dan pergi ke"Kredensial”
12. Klik tarik-turun Buat kredensial, dan pilih "kunci API”
    Catatan: Anda dapat membuatnya Batasi Kunci untuk mencegah penggunaan yang tidak sah jika Anda mau
13. Klik "Menutup”Lalu klik pada Kunci yang dibuat
14. Pilih "Perujuk HTTP"Dalam pembatasan Aplikasi
15. Tambahkan URL situs web Anda dan klik "Menyimpan”
16. Sekarang salin kuncinya, dan kembali ke situs WordPress
17. Gulir ke bawah di bawah panel kiri dan buka "Pengaturan”
18. Anda akan menemukan opsi untuk "KUNCI API Google", Buka itu dan tempel kunci di sana.
19. Simpan pengaturan, buka halaman Anda dan segarkan.

catatan:Pastikan penagihan Anda telah diaktifkan karena google hanya mengizinkan kredit senilai $ 300 atau penggunaan gratis selama 12 bulan (Mana saja yang lebih cepat). Setelah itu, penagihan perlu disiapkan dan diterapkan.