Google Harita’da Hata! Bir sorun oluştu Bu sayfa Google Haritalar’ı düzgün şekilde yükleyemedi

Google Harita’da hata alıyorsanız Google Java Script Api anahtarına ihtiyacınız var ise bu konu işinizi çözümleyecektir. Web sitede sorun oluştu Google haritaları düzgün bir şekilde yükleyemedi sorunu ile karşı karşıya iseniz Bu Konuyu incelemelisiniz

Merhaba Konu başlığında belirtilmiş olan hata genellikle wordpress sitelerde oluşuyor. Tam olarak Hata! bir sorun oluştu. Etiketi altında Google Haritaları yükleyemedi şeklinde hata alıyor web site sahipleri

Google Haritalar neden yüklenmiyor

Google Haritalarının yüklenmemesinin nedeni Google LLC şirketinin Google Cloud Paneli altında sunmuş olduğu Google api sistemine geçmiş olmasından kaynaklanıyor. Api olmadan artık google haritaları sitenizde Eklentiler ile çalıştıramamaktasınız.

Google Haritaların yüklenmesi için Ne yapmalıyım ?

Öncelikle aşağıda belirtilmiş olan link’e erişim sağlayarak Google Cloud hesabı oluşturmalısınız.

https://developers.google.com/maps/documentation/javascript/?pli=1

Google Cloud hesabı Google üyeleri için ücretli bir platformdur Kazanç sağlamak maksadı ile geliştirme yapan Yazılımcılardan Kazançları doğrultusunda google ücret talep etmektedir.

Eğer siz ilk defa üye oluyorsanız ve standart bir web site için api kullanacaksanız google sizden sadece kredi kartı tanıtmanızı talep ediyor fatura tanımı yapabilmek için kredi kartı yada sanal kart bilgilerinizi bir defaya mahsus olarak Google’ın ödeme sayfasına tanıtmanız gerekiyor.

Sizden herhangi bir ödeme almıyor bir süreliğine 300 TL’lik bir kupon oluşturuyor. Aşım yapmanız akabinde ödeme cekeceğini belirtiyor.

Google

Yukarıdaki işlemleri gerçekleştirdiğinizi varsayarak Google Cloud panelinizden Çalışmayan haritanıza Javascript Api kodu Alabilmeniz için görselleri sizinle paylaşıyorum.

#Adım 1 Öncelikle aşağıdaki url’e giderek Get Started Tıklamalıyız.

https://developers.google.com/maps/documentation/javascript/tutorial?pli=1

#Adım 2 Açılan Sayfada ilk olarak Proje oluşturmamız gerekiyor

Açılan sayfa’da sağ kısımda eğitici var isterseniz onunla ilerleyebilirsiniz.
Ayrıca yukarıda belirtmiş olduğumuz ödeme ile ilgili kısımda açılan sayfanın hemen üst kısmında çıkıyor. Eğer karşınıza aşağıdaki resimde olduğu gibi bir sayfa yerine fatura oluşturun sayfası açılırsa onu kapatın ve ve aşağıdaki sayfa’ya ulaşmaya çalışın

#Adım 3 Yeni Proje Oluştur Butonuna tıklayalım

#Adım 4 Yeni Projeye bir isim veriyoruz

Bu adım’da yeni proje’ye bir isim veriyoruz. Web site adı olabilir. dilerseniz kota ayarlayabilirsiniz fakat ben herhangi bir kota sınırlaması eklemedim

#Adım 5 Projenizdeki Apileri Yönetebilir ve izinler oluşturabilirsiniz

Bu Adım’da dilediğiniz Api’yi projenize dahil edebilirsiniz. Haritanın web sitenizde çalışmasını istiyorsanız sadece Java Script Api’yi seçmeniz yeterli isteğe bağlı olarak dilerseniz diğer apileride ekleyebilirsiniz. Sol konsoldan apileri düzenleyebilirsiniz. Oluşturduğunuz Proje’de öncelikle Api ve Hizmetlerini Etkinleştir Butonuna tıklamalısınız ve hangi Api hizmetini kullanacaksanız Kitaplığa tıklayarak Kullanmak istediğiniz Apiyi bulup üzerine tıklayarak etkinleştirmelisiniz.

Ben Java Script Apiyi Daha önceden etkinleştirdiğim için Yönet şeklinde görünüyor. Eğer Kimlik Bilgisi oluşturduğunuz’da Maps Java Script Api’yi izinlerde görmüyorsanız etkinleştirmeniz gerekir.
Benim kullandığım etkinleştirdiğim apiler aşağıda mevcuttur. Fakat siz sadece üst’den üç tanesini kullanabilirsiniz.
Dilerseniz sadece Maps Java Script API’yi etkinleştirin Haritanız çalışacaktır.

• Maps Elevation API
• Maps Embed API
• Maps JavaScript API
• Geocoding API
• Geolocation API
• Google Cloud APIs

#Adım 6 Projenize Yeni Kimlik bilgisi Api Key oluşturma Web site ekleyin

Bu Adımda Eğer ana consol’a gittiyseniz şayet, Menüde Api ve Hizmetlere tıklamalısınız. Burada ise Sol menüde Kimlik bilgileri menüsüne tıklayın açılan sayfa’da Sağ kısım’da üst’de yer alan Kimlik Bilgisi Oluştura tıklayın
Açılan sekmede Api Anahtarı yazan yere tıklayın ve bilgileri Aşağıdaki görsellerde yer alan kriterler doğrultusunda işaretleyin.

Web sitenizi eklerken aşağıdaki parametre ile ekleyin

*.kutaykitmur.com/*

İşlemleri Doğru bir şekilde yaptıysanız Api Keyiniz hazır demektir. Api keyinizi web siteniz’de key isteyen eklenti yada kısıma ekleyerek Haritanızı çalıştırabilirsiniz.

Not : Eğer Google cloud hesabınızda daha önce eklemiş olduğunuz bir proje var ise oraya’da ekleyebilirsiniz fakat ücretsiz olarak çok fazla proje oluşturamadığınızı belirtmek isterim. Ayrıca istatistik ölçümleri için web sitelerinize eklenecek apilerinizin farklı olması gerektiğini belirtmek isterim

Google Haritalar Api Keyi Manuel Ekleme

Oluşturulmuş olan KEY’i aşağıda belirtmiş olduğum JavaScript kodunda key=”oluşturulankod” kısmına Google Maps API keyini yapıştıralım daha sonra Kodu footer.php veya istediğiniz bir sayfa’da varsa </body> tagından sonraki alana ekleyelim. Haritamız çalışacaktır.

<script src=”https://maps.googleapis.com/maps/api/js?key=oluşturulankod” type=”text/javascript”></script>