title: window.setTimeout(function() { not working with Google Maps Marker / XML
body: <p>I have an issue to show markers from my DB to "fly in" individually. </p>
  
  <p>Ajax call:</p>
  
  <pre><code>$.ajax({
              type: "GET",
              async: true,
              url: '&lt;?php echo PATH;?&gt;ajax/map_process.php',
              success: function(data){
                  $(data).find("marker").each(function () {
                       //Get user input values for the marker from the form
                        var name      = $(this).attr('name');
                        var address   = '&lt;p&gt;'+ $(this).attr('address') +'&lt;/p&gt;';
                        var type      = $(this).attr('type');
                        var point     = new google.maps.LatLng(parseFloat($(this).attr('lat')),parseFloat($(this).attr('lng')));
  
                        //call create_marker() function for xml loaded maker
                        window.setTimeout(function() {
                        create_marker(point, name, address, false, false, false, "http://sanwebe.com/assets/google-map-save-markers-db/icons/pin_blue.png");
                        }, 1500);
  
                  });
              }
          });
  </code></pre>
  
  <p>The resulting XML:</p>
  
  <pre><code>&lt;markers&gt;
   &lt;marker name="PLUS Berlin" address="Warschauer Platz 6" lat="52.503699" lng="13.448671" type="10245"/&gt;
   &lt;marker name="Minus Hotel" address="" lat="52.520007" lng="13.404954" type="0"/&gt;
  &lt;/markers&gt;
  </code></pre>
  
  <p>The create_marker function:</p>
  
  <pre><code>//############### Create Marker Function ##############
  function create_marker(MapPos, MapTitle, MapDesc,  InfoOpenDefault, DragAble, Removable, iconPath)
  {                 
  //new marker
  var marker = new google.maps.Marker({
      position: MapPos,
      map: map,
      draggable:DragAble,
      animation: google.maps.Animation.DROP,
      title:"Hello World!",
      icon: iconPath
  });
  
  //Content structure of info Window for the Markers
  var contentString = $('&lt;div class="marker-info-win"&gt;'+
  '&lt;div class="marker-inner-win"&gt;&lt;span class="info-content"&gt;'+
  '&lt;h1 class="marker-heading"&gt;'+MapTitle+'&lt;/h1&gt;'+
  MapDesc+ 
  '&lt;/span&gt;'+
  
  '&lt;/div&gt;&lt;/div&gt;');    
  
  
  //Create an infoWindow
  var infowindow = new google.maps.InfoWindow();
  //set the content of infoWindow
  infowindow.setContent(contentString[0]);
  
  
  google.maps.event.addListener(marker, 'click', function() {
          infowindow.open(map,marker); // click on marker opens info window 
  });
  
  
  if(InfoOpenDefault) //whether info window should be open by default
  {
    infowindow.open(map,marker);
  }
  }
  </code></pre>
  
  <p>From what I understand this code should let the markers fly in one by one. Well, it doesn't they come all at once... Where should I put the timeout?</p>