title: Google Maps Onload Callback -Angular
body: <p>I'm struggling with adding Google Maps JS API to my Angular project.</p>
  
  <p>In <code>index.htm</code> I have:</p>
  
  <pre><code> &lt;script src="https://maps.googleapis.com/maps/api/js?key=API_KEY"
          async defer&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In my component, how is it possible to know that the <code>maps api</code> is fully loaded and available?</p>
  
  <p>To be clear, for example, in Google Charts API, we can call:</p>
  
  <pre><code>google.charts.setOnLoadCallback();
  </code></pre>
  
  <p>to initiate other functions.</p>