Google harita v3 api önyükleme sırasında doğru şekilde oluşturulmuyor (sekme yok)

Question

Şu anda google map'in web sitesinde doğru bir şekilde oluşturulmadığı sorunu çözmek için günlerce deniyorum. See Screenshot of correct and false rendering.

Umarız şu anki problemin şu an çaresiz olduğum bir ipucu var. En kötü durum o başkası :) görüyorum davranıştır için olası çözümlerin güzel bir koleksiyon var:

• Liste öğesi Harita kısmen yüklenmiş sol üst köşesinde işlenmeyen alan üzerinde
• Liste öğesi çift tıklayın ikinci harita oluşturur sayfayı birden çok kez yeniden edilirse ilk küçük bir haritada
• Liste öğesi altında hızla sonra harita gösterilme yaklaşık% 10-30

Çözümler çalıştı ama bugüne kadar başarılı olamadı düzeltilmiş: - Aynı anda

Manuel tetik bir düğme

ile yeniden boyutlandırma etkinliğinde harita ve set merkezini yeniden boyutlandırma boşta durumuna google.maps.event.addListenerOnce(map, 'idle', function() {google.maps.event.trigger(map, 'resize');});

aldıktan sonra haritayı yeniden boyutlandırma harita google.maps.event.trigger(map, 'resize')

• boyutlandırmak

• Belgeyi hazırladıktan sonra haritayı kullanıma hazırlayın $(document).ready(function() {initialize();});

• üst div genişliği & yükseklik Algılama ve sadece başlatmak sonra 10 saniye setTimeout(initialize, 1000);

• kadar setTimeout haritayı başlat yeterince büyük olursa

• Ata üst div genişliği & yükseklik harita-tuval için

• Ebeveyn div genişliği & yüksekliğini atayın.g tarzı

• CSS:

• CSS tuvale piksel ile genişlik & yükseklik atama:

• CSS tuvale% 100 genişliği & yükseklik atama: px & kombinasyonu ile genişliği & yükseklik atama tuvale% 100

• CSS: Değişim maksimum genişlik #map-canvas img {max-width: none !important;}

• CSS: Değişim maksimum genişlik #map-canvas img {max-width: none !important;}

Düşünceler & Gözlemler:

Sorun bana o yükleme süreleri tuval zaten başlatma hemen önce sahip ilgisi var inandığımız yapar sporadik Doğru boyutlar ve tamamen görünür (örn. hiçbir gizli sekme vb.) Google logosu, Hata bildir, iletişim vb. gibi ek düğmeler görünür ve doğru boyutta görünür. Google Harita API v3 Sorun, Google Harita: Bu Google Harita hala

Anahtar çözümler bulmak için kullanılan doğru boyutu algılar ise haritanın için herhangi bir nedenle tam tuval üzerinde işlemek anlamına gelir inanıyoruz Rendering sorun, Google Map sol üst köşesi, Google Harita Bootsstrap sorun

sana https://apptest.voiceoffriends.com/user.html

herhangi bir ipucu için şimdiden teşekkür ederiz bakmak istediğiniz durumda mümkün olduğunca html kodunu basitleştirmek için çalıştık veya hatayı düzeltmek için yaklaşım.

Answer 1

mesele şudur:

function NoGeoLocationFound() { 
         clearTimeout(location_timeout); 
         var pos = new google.maps.LatLng(); 
         map.setCenter(pos); 

        }; 

pos geçerli bir LatLng