Google Maps Javascript API Sorunu

Merhaba bu yazıda son yaptığım web sitesinde karşılaştığım bir sorun ve çözüm yolundan bahsedeceğim. Olur da aynı sorunu yaşayan olursa benim gibi bir sürü vakit kaybetmesin diye basit ve hızlı bir şekilde anlatacağım.

Hata! Bir sorun oluştu.
Bu sayfa Google Haritalar’ı düzgün şekilde yükleyemedi. Teknik ayrıntılar için JavaScript konsoluna bakın.

Bu sorun, sitenize Google Maps Haritası yerleştirmek istediğinizde ortaya çıkıyor. Önceleri yaptığımız web sitelere direkt olarak enlem ve boylamla erişebildiğimiz google haritasını ekleyebiliyorken ben de ilk defa böyle bir hata mesajı aldım.

Bu hatadan kurtulmak için aşağıdaki linke google hesabımızla giriş yapıyoruz:

https://developers.google.com/maps/documentation/javascript/

Gelen sayfanın sağ üst kısmında “GET A KEY” butonuna tıklayıp “Create A New Project” diyoruz ve yeni projemize bir ad veriyoruz. Ardından “Create And Enable API” butonuna tıkladığımızda Google bize bir API kodu veriyor.

 

Bu API’yi kopyalayıp aşağıdaki script kodumuzdaki “APIKODU” yazan yere yerleştiriyoruz.

<script src="https://maps.googleapis.com/maps/api/js?key=APIKODU" type="text/javascript"></script>

Ardından bu script kodumuzu sitemizin footer kısmına yani </body> tagının altına herhangi bir yere yapıştırıyoruz.

İşlem artık tamam. Sayfanızı yenileyin, Google haritanız sorunsuz açılacaktır.

 

CEVAP VER

Lütfen yorum yapın!
Buraya lütfen isminizi girin.

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.