title: Using initMap and initAutocomplete on same html page google maps
body: <p>I have a webpage where I would like to use both place autocomplete as well as google map with marker. User can search for an address in place autocomplete. Lat-long data for marker comes from DB and this doesn't change. The problem is either map works or place autocomplete, but not both, and the issue is related to callbacks.</p>
  
  <p>From google docs, I've included both callbacks in separate API calls:</p>
  
  <pre><code>&lt;script src="https://maps.googleapis.com/maps/api/js?key=[API KEY]&amp;signed_in=true&amp;libraries=places&amp;callback=initAutocomplete" async defer&gt;&lt;/script&gt;
  &lt;script async defer src="https://maps.googleapis.com/maps/api/js?key=[API KEY]&amp;callback=initMap"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But this throws error on console, and nothing works.</p>
  
  <blockquote>
    <p>Error: You have included the Google Maps API multiple times on this page. This may cause unexpected errors.</p>
  </blockquote>
  
  <p>My question is: How multiple callbacks can be passed to Google API? </p>