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.
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.
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.
“HTML İÇERİĞİNİ KOPYALA” seçeneğine tıklayarak bu HTML kodunu kopyalayın:
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:
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.
Daha fazla ipucu burada mevcuttur.
