Google maps ile garip bir aksaklık neden ne herhangi bir fikir olan herkes UI bileşenleri, gerçekten minnettar sizden duymak!

harita ile oluşturulur:

        var options = {
        zoom: <?php echo $this->zoom ?>,
        center: new google.maps.LatLng(<?php echo $this->centre_lat ?>, <?php echo $this->centre_lon ?>),
            mapTypeControl: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP                
        }; 

        var map = new google.maps.Map(document.getElementById('map_canvas'), options);

ve hiçbir aksaklık işaretleri bile aynı.

Aynı problemle karşılaştık. Css tasarımcı bu tarz kullanıyordu:

stil.css

img {max-width: 100%; }

Kontrol yakınlaştırma devre dışı bırakmak yerine, böyle map_canvas öğeleri için stil: ımg kılarak sorunu hallettik

stil.css:

#map_canvas img { max-width: none; }

Zoom kontrolü artık düzgün görüntüler.

"Img max-genişlik:100% tarayıcı yeniden boy olduğunda" tekniği duyarlı/Şirket web sitesi tasarımı, böylece görüntü yeniden boyutu sıvı orantılı olarak ayarlanıyor. Görünüşe göre bazı css grid sistemleri varsayılan olarak bu üslup başladı. Sıvı görüntüleri burada hakkında daha fazla bilgi: http://www.alistapart.com/articles/fluid-images/ google ile bu çatışmaların neden göster... emin Değilim