Divi Tema: Bir Google Haritalar haritasını API anahtarı olmadan nasıl entegre edebilirim?

Divi Theme Embed google maps
Rank Math - Banner

Bir Google Haritalar haritasını mümkün olduğunca basit bir şekilde entegre etmek istiyor musunuz? Divi Builder’dan basit bir HTML koduyla çalışan bu çözüm, bir API anahtarı alma prosedüründen vazgeçmeyi mümkün kılar.

1. Google Haritalar’a gidin

Ardından, web sitenizde paylaşmak istediğiniz tam konumu bulmalı ve konumu haritada net bir şekilde görene kadar yakınlaştırmalısınız.

2. “Paylaş” düğmesi (“Share”)

Seçeneği görmek için ekranınızın sol üst köşesindeki “Paylaş” (“Share”) menü düğmesine tıklayın ve ardından “Harita göm” seçeneğine tıklayın.

Divi theme Google Maps Share Button

3. “Paylaş” penceresi (“Share”)

Ardından, “Bağlantı gönder” ve “Harita göm” (“Embed a Map”) adlı iki sekme göreceğiniz bir pencere açılacaktır. “Harita göm” sekmesini seçin ve orada bir HTML kodu bulacaksınız.

Divi teması Google Haritalar Paylaş Düğmesi 2

“HTML İÇERİĞİNİ KOPYALA” seçeneğine tıklayarak bu HTML kodunu kopyalayın:

Divi teması Google Haritalar Paylaş Düğmesi 3

Google Haritalar’ın konumlarına göre değişen bu kodun temsil ettiği şey şudur:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

4. Web sitenize gidin

Şimdi haritayı görüntülemek istediğiniz web sitenize gidin. Html kodunuzu Builder’ın CODE modülüne (İçerik > Metin) yapıştırmalısınız. Doğrula. Harita daha sonra sayfanızda görüntülenecektir:

Divi-teması-Modül-KODU
Divi teması Modül KODU 2

5. Harita boyutunu ayarlama

Yeni elde ettiğiniz HTML kodunun içerdiği “width ve “height” değerlerini manuel olarak değiştirerek haritanın boyutunu kolayca değiştirebilirsiniz.

Divi tema Module CODE

Daha fazla ipucu burada mevcuttur.

image 100314455 13805217



Article also available in : English Français Español Deutsch Svenska Nederlands

Bir cevap yazın