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

20 Nisan 2020
94
Bakıldı

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
Google Cloud Java Script Api Oluşturma Giriş sayfası

#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

Google Harita Java Script api Kodu Oluşturma Konsolu
Google Harita Java Script api Kodu Oluşturma Konsolu

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

Google Harita Java Script Konsolu Proje Oluşturma
Google Harita Java Script Konsolu Proje Oluşturma

#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

Google harita java script api kodu Proje oluşturma
Google harita java script api kodu Proje oluşturma

#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.

Google Haritalar Api ve Hizmetler
Google Haritalar Api ve Hizmetler

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
Google Cloud Paneli Haritalar'da Java Script Apisi Düzenleme
Google Cloud Paneli Haritalar’da Java Script Apisi Düzenleme

#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/*
Görselde Google Harita Java Script Api Key Oluşturma adımları kırmızı yazı ile belirtilmiştir.
Görselde Google Harita Java Script Api Key Oluşturma adımları kırmızı yazı ile belirtilmiştir.
Bu adım'da sitenizi öğe ekleye tıklayarak kısıtlamayı gerçekleştiriyorsunuz yani Api key sadece belirteceğiniz site'de çalışacak
Bu adım’da sitenizi öğe ekleye tıklayarak kısıtlamayı gerçekleştiriyorsunuz yani Api key sadece belirteceğiniz site’de çalışacak
Google Harita Java Script Api Keyinizin Çalışacağı Apileri seçiyorsunuz
Google Harita Java Script Api Keyinizin Çalışacağı Apileri seçiyorsunuz MAPS JAVA SCRİPT seçebilirsiniz

İş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>
0 0 oy
Makale Değerlendirmesi
Puan
Bu yazıyı derecelendirin!
[Total: 0 Average: 0]

Tüm Yorumları

Abone ol
Bildir
guest
1 Yorum
Satır İçi Geri Bildirimler
Tüm yorumları görüntüle
elvan
elvan
2 gün önce

Ne yaptıysam olmadı. Tüm apileri etkinleştirdim, outh izinlerini yaptım, alan adı doğrulama yaptım, kart ile fotura doğrulama yyaptım, izin verilen alan adları vs vs ama Bu sayfa Google Haritalar’ı doğru şekilde yükleyemedi. şekline hala 🙁

1
0
Düşüncelerinizi yazmak ister misiniz, lütfen yorum yapın.x
()
x