Google Maps Dokunmatik Ekran Problemi
Google maps’i günümüzde tüm web siteleri kullanıyor. Hem adres bulmada büyük kolaylık sağlayan hem de tüm platformlarda sorunsuz bir şekilde çalışan Google Maps web sitenizede çok kolay bir şekilde monte edilebiliyor. Son günlerde Novasta müşterilerinden gelen geri bildirimlerde şöyle bir sorun ile karşı karşıya kaldık ;
Cep telefonundan web sitenize girdiğimiz zaman iletişim sayfasında ki google maps tüm ekranı kaplıyor ve dokunmatik ekranda sadece haritayı hareket ettirebiliyorsunuz. Sayfanın aşağısına geçiş sağlıyamıyoruz.
Sorun :
Web sitemizi responsive olarak tasarladığımızda genelde google haritaları 100% genişlik tanımlıyoruz. Böylece bilgisayar, tablet, cep telefonu fark etmeksizin harita küçülüp büyüye biliyor. Fakat etrafta kullanıcıya web sitesinde tablet veya telefonuna dokunarak gidecek alan bırakmıyor.
Çözüm :
1 – Google maps’in genişliğini %100 yerine media screen ile %80 civarına çekip, içeriğe göre ortalamak. Böylece hem harita gözükecek hem de dokunmatik özelliklerimizi kaybetmiyeceğiz.
2- Yapışkan menüler kullanarak navigasyonun bu menü vasıtası ile sağlanıp google haritaların 100% genişliğe devam etmesini sağlayabilirsiniz.
3- Google Maps API üzerinde direkt olarak buttonlar ekleyip harita üzerinde dokunmatik ekrana devam edilebilir.
Ufak bir sorun ama can sıkıcı olabiliyor bazen.
