SSL Sertifikalı Sitelerde Google Maps Sorunu

  • Anasayfa
  • SSL Sertifikalı Sitelerde Google Maps Sorunu

WordPress WooCommerce eklentisi kullanılan sitelerde bazı ödeme sistemlerinde güvenlik sertifikası (SSL) kullanıyoruz. Ssl sertifikasının sağlıklı çalışması içinde WordPress HTTPS (SSL) eklentisinin kurulması gerek.

Ssl sorunsuz şekilde çalışmaya başladıktan sonra iletişim sayfalarında kullanılan Google Maps kodu çalışmıyor sebebi ise Google’nin API leri sunucuyu reddetmesi. “The Google Maps API server rejected your request. Requests to this API must be over SSL.”

Bu problemi aşağıda yazdığım jQuery kodu ile çözebilirsiniz. Google Mapsten aldığınız koda sarı ile gösterdiğim yere id=”harita” ekliyoruz.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d384185.33837548847!2d28.482089213029294!3d41.21200759264281!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14caa7040068086b%3A0xe1ccfe98bc01b0d0!2zxLBzdGFuYnVsLCBUw7xya2l5ZQ!5e0!3m2!1str!2s!4v1427104964043" 
width="800" height="600" frameborder="0" 
id="harita" 
style="border:0"></iframe>

Aşağıdaki kodu herhangi bir düzenleme yapmadan haritayı eklediğimiz sayfada iframe kodunun altına yazıyoruz.

<script>
jQuery(document).ready(function($){
   $('iframe#harita').attr("src", $('iframe#harita').attr('src').replace("http:","https:") );
});
</script>

 Kodun son hali

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d384185.33837548847!2d28.482089213029294!3d41.21200759264281!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14caa7040068086b%3A0xe1ccfe98bc01b0d0!2zxLBzdGFuYnVsLCBUw7xya2l5ZQ!5e0!3m2!1str!2s!4v1427104964043" width="800" height="600" frameborder="0" id="harita" style="border:0"></iframe>
<script>
jQuery(document).ready(function($){
   $('iframe#harita').attr("src", $('iframe#harita').attr('src').replace("http:","https:") );
});
</script>

Not : Kodu eklerken metin editöründe Metin sekmesinde çalışmanız gerek.

ssl-sertifikali-sitelerde-google-maps-sorunu

 

 

 

Şimdi Teklif Alın
Şimdi Teklif Alın

Projeniz ile ilgili veya web sitenizde takıldığınız alanlar ile ilgili şimdi teklif alın

WordPress ve WooCommerce Eklentilerim
Eklentilerim

WordPress ve WooCommerce İçin Hazırlamış olduğum Eklentiler

Şimdi Teklif Alın

Web tasarım, yazılım, mobil uygulama veya masa üstü program ihtiyaçlarınız için bana proje detaylarınızı gönderin. 24 saat içerisinde size detaylı teklif göndereyim.