google.maps.OverlayView türetilmiş sınıf

Question

yüklenmeden önce google maps API'sinin yüklenmesini beklemeden bekletme Özel bir bindirme tanımladığım ayrı bir label.js dosyası var. Onun prototip olarak google.maps.OverlayView kullanır:

Label.prototype = new google.maps.OverlayView(); 

Bu benim index.html dosyasında dosyayı js için komut dosyası etiketlerini nereye yerleştirileceğini emin değilim. haritalar API bir hataya neden henüz yüklenmediği durumlarda ise

.... 
     <script async defer 
      src="https://maps.googleapis.com/maps/api/js?... 
     </script> 
     <script src="js/label.js"></script> 
    </body> 
</html> 

label.js dosyası hemen yüklenir: google haritalar aşağıda komut dosyası etiketleri şöyle etiketi yükleme yerleştirirseniz.

Şu anda manuel haritalarda yüklenen geri arama JS yükleyerek bu çözmek:

function initMap() { 
    gMap = new google.maps.Map(document.getElementById(strMapDivName), { 
     center: {lat: 21, lng: 78}, 
     mapTypeId: google.maps.MapTypeId.HYBRID, 
     zoom: 6, 
     heading: 90, 
     tilt: 0 
    }); 

    // Load label.js afterwards so we can be sure that the google maps api has loaded 
    var fileref=document.createElement('script') 
    fileref.setAttribute("type","text/javascript") 
    fileref.setAttribute("src", "js/label.js") 

    document.getElementsByTagName("head")[0].appendChild(fileref) 

} 

bu çözmek için en iyi yolu var mı?

Answer 1

Sanırım bunu yapmanın yolu iyi. Harita nesnesinin hazır olduğundan emin olmak isterseniz, harita idle olay dinleyicisini de kullanabilirsiniz.

google.maps.event.addListenerOnce(map, 'idle', function() { 
    // map is ready 
}); 

Answer 2

İşte benim için yaptığım ve çalıştığım bir genel.

1) Google haritaları yüklendikten sonra çalıştırmak istediğiniz işlevi tanımlayın fonksiyonunu

function WhenGoogleLoadedDo(fnt) 
    { 
    if(typeof google != 'undefined') 
     fnt(); 
    else 
     setTimeout(function() 
     {(function(fnt) 
      { 
      WhenGoogleLoadedDo(fnt) 
      })(fnt)}, 500); // You can set timer as you wish // 
    } 

3) Betiğinizde böyle ToExecuteAfterLoaded Çağrı Bekliyor

function ToExecuteAfterLoaded() 
    { 
    // Doing something here /// 
    console.log("Executing this function"); // per example // 
    } 

2)

WhenGoogleLoadedDo(ToExecuteAfterLoaded); 

Answer 3

Özel etiketinizi DOMContentLoaded ile sarmalamaya ne dersiniz?

 document.addEventListener("DOMContentLoaded", function(event) { 
      Label.prototype = new google.maps.OverlayView(); 
     }); 

Referans: https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded