google-maps-api-3 - PHPループを介して複数のGoogleマップをロードした後のjavascript window.print

Question

PHPループを介して複数のマップを表示することに成功しました。しかし、最後に window.print を呼び出しています。私の問題は、マップが読み込まれる前に window.print がトリガーされ、印刷ページに空白が表示されることです。

これが私のコード例です：

{loop starts}

<div latitude="<?php echo $row['lat'];?>" longitude="<?php echo $row['lng'];?>" zoom="<?php echo $row['map_zoom_level'];?>"  class="map_canvas"></div>

{loop ends}

Javascript:

$(document).ready(function(){

   $('.map_canvas').each(function(index, Element) {
      var lat = $(Element).attr('latitude');
      var lng = $(Element).attr('longitude');

      var latlng = lat+','+lng;
      var zoomlevel = parseInt($(Element).attr('zoom'));

      var origin = new google.maps.LatLng(lat,lng)

      $(Element).gmap({'zoom': zoomlevel}).bind('init', function(ev, map) {
         $(Element).gmap('get','map').setOptions({'center':origin});
         $(Element).gmap('addMarker', {'position': latlng}).click();
      });
   });
   window.print();
});

誰でもこれを修正するのを手伝ってくれますか?