Google iFrame Haritalar'da yakınlaştırma nasıl ayarlanır

Web sitenize antalya web tasarım ın konumunu eklemek istediğimizde Google haritasını iframe ile yerleştirme işlemi sırasında yakınlaştırma ile ilgili sorun yaşıyorduk, biraz araştırma yaptıktan sonra sorunun nasıl düzeltileceğini bulduk ve ayrı problemi yaşayan diğer kullanıcılar için nasıl çözüleceği bu makalede anlattık.

Not: Google, yerleştirme kodunun yapısını değiştirmeye devam ediyor, bu nedenle bu makale, aşağıdaki gibi görünen bir Google Haritalar yerleştirmesinin mevcut sürümüne (2019 itibarıyla) atıfta bulunuyor:

<iframe allowfullscreen="" height="450" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3190.5959419315604!2d30.642799015575104!3d36.9000133697738!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14c39ae0353d3d6f%3A0x3340ad8e3410fe9a!2santalya%20web%20tasar%C4%B1m!5e0!3m2!1str!2str!4v1616244145282!5m2!1str!2str" style="border:0;" width="600"></iframe>

Yaşadığımız sorun, antalay web tasarı konumunu Paylaş penceresini açıp, Haritayı Yerleştir sekmesini tıklayıp yakınlaştırma düzeyini ayarlayacaktık. Fakat bu çalışmıyor!

Yukarıda gördüğünüz + yakınlaştır - uzaklaştır tuşlarına basmamıza rağmen haritada küçülme büyülme oluyor fakat kodu sitemize yapıştırdığımız zaman harita ilk ekranda açıldığı gibi geliyordu.

Eskiden işe yarayan eski bir çözüm olan, URL'nin sonuna bir yakınlaştırma parametresi eklemekti, ör. &zoom=6 ancak bu çözüm, Google Haritalar'ın oluşturduğu mevcut yerleştirme koduyla çalışmıyor.

İşin püf noktası, paylaşım penceresini açmadan ÖNCE büyük haritada yakınlaştırmayı ayarlamaktır. Yani paylaş butonuna tıklamadan önce haritadaki büyütme yada küçültme işlemini yaptıktan sonra haritaya yerleştir butonuna basmanız gerekiyor.

antalya web tasarım konumunu uzaklaştırma işlemini yaptıktan sonra aşağıdaki gibi çıkıyor.

işin püf noktasıda çoğu kişi bunu zaten biliyordur, genişlik parametresini "%100" olarak değiştirerek haritayı tam genişlikte kullanabilirsiniz. Bu, duyarlı web tasarımında işe yarar. Telefonda, tablette ve bilgisayarda haritanız ekranın dışına taşmaz aşağıdaki antalya web tasarımın konum örneğine bakabilirsiniz.