title: load google map without using callback method
body: <p>i have multiple google map instances on my website,now there are two different google map on a same page, what happens is the first one works and other doesn't now i know the logical issue let me show you my code first  </p>
  
  
  
  
  
  <pre><code>&lt;script&gt;
      function initMap() {
          var myLatLng = {lat: 43.6222102, lng:-79.6694881};
  
          var map = new google.maps.Map(document.getElementById('map'), {
              zoom: 15,
              center: myLatLng
          });
  
          var marker = new google.maps.Marker({
              position: myLatLng,
              map: map,
          });
      }
  &lt;/script&gt;
  &lt;script src="https://maps.googleapis.com/maps/api/js?key=my_key&amp;callback=initMap"
          async defer&gt;&lt;/script&gt;
  </code></pre>
  
  <p>now as i defined a callback method it always initializes the method named <strong>initMap</strong> whereas what i want to do is there can be multiple google maps lets suppose <strong>initMap2</strong> how can i load them without <strong>callback</strong> method?</p>