Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Responsive Google Maps Yardımı

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
738
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Merhaba arkadaşlar.

    Minimal dizayn HTML5 yapısında bir web sitesi yapıyorum. Amatörce.

    Sayfanın iletişim bölümüne Google maps ekliyorum. Ancak mobil cihazlarda sayfaya girildiğinde (tabletlerde sorun yok ama iphone veya android telefonlarda Harita küçülmüyor, responsive bir özellik istiyorum bu nedenle.

    Sayfadaki kodlar aşağıdaki gibi. Bunu nasıl responsive hale getirebilirim?

    quote:

    <article id="work" class="panel" style="display: none;">
    <header>
    <h2>BU BÖLÜM FİRMA İSMİ</h2>
    </header>
    <iframe width="800" height="300" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:BU BÖLÜMDE MAPS ID MEVCUT" allowfullscreen=""></iframe><br>
    <!-- Work Adress -->



    < Bu mesaj bu kişi tarafından değiştirildi hugo_ramirez -- 18 Şubat 2017; 12:43:11 >
    < Bu ileti tablet sürüm kullanılarak atıldı >



    _____________________________




  • iframe içindeki width sıfatını %80 gibi bir değer yaparsanız amatörce çözülür. Eğer daha profesyonel bir şey yapmak isterseniz bootstrap kullanabilirsiniz ya da js kullanarak sayfa boyutuna göre gerekli width değerini hesaplayıp boyut değiştikçe ilgili sıfatın değerini değiştirerek yapabilirsiniz.
    _____________________________
  • Peki bunu hazır kod olarak siteye ekleyebileceğim bir kaynak var mı?

    Bootstrap mesela? Teşekkürler

    < Bu ileti tablet sürüm kullanılarak atıldı >
    _____________________________
  • hugo_ramirez kullanıcısına yanıt
    bootstrap zaten hazır kod. Kendi web sitelerindeki (getbootstrap.com) dokümantasyon oldukça iyi. Oradan referans alabilirsin. Google'de tutorial araştırırsan da bolca kaynak var. İngilizce biliyorsan direk yabancı kaynaklara bak derim.
    _____________________________
  • Tamamdır buldum, teşekkür ederim biraz uğraşıp üstesinden gelebilirim. Sıkıntı olursa pm atarım.

    Teşekkürler.

    < Bu ileti tablet sürüm kullanılarak atıldı >
    _____________________________
    • Yapay Zeka’dan İlgili Konular
    google uygulamaları ve google play hizmetleri silme
    5 yıl önce açıldı
    Google Maps Yorum Hizmeti
    8 yıl önce açıldı
    CarPlay'de Google Maps düzgün çalışmıyor
    7 ay önce açıldı
    Daha Fazla Göster
    
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum