両方のjsファイルが完全にロードされた後に共通の関数を呼び出す方法は？

Question

マップ上にマーカーをクラスタの形で表示したいのですが、そのために「markercluster.js」とgoogle maps v3ライブラリを使用しています。しかし、ここで問題となるのは、地図上にマーカーを表示するには、両方のファイルを完全にロードする必要があります。 1つの解決策は、ファイルの少なくとも1つを同期してロードすることですが、非同期と遅延を使用して両方のファイルをロードする必要があります。私は両方のことを達成できる方法はありますか？現在のところ、この方法でファイルをロードしていますが、goercapiがmarkerclusterの前にロードされると、initialize関数内で未定義のmarkerClusterが表示されます。

<script async defer src="js/markerclusterer.js"></script> 
<script async defer src="//maps.googleapis.com/maps/api/js?v=3&callback=initialize"> </script> 

Answer 1

グローバル変数とonloadイベントを使用できます。

<script async defer src="js/markerclusterer.js" onload="init()"></script> 
<script async defer src="//maps.googleapis.com/maps/api/js?v=3" onload="init()"></script> 

次に、あなたの関数は次のようになります。それは、ファイルを働いている答えを

var g_file_loaded = 0; 

function init() 
{ 
    g_file_loaded++; 

    if (g_file_loaded === 2) 
    { 
     // your initialize function here 
    } 
}