title: How to add custom animation on Google Map V3 Marker when I drop each marker one by one?
body: <p>This my simple working example of Drop each marker one-by-one on Google map V3.
  I have set the Drop Animation when marker is added to Google Map.</p>
  
  <p>But I want to customize the Drop with Fade Animation will it possible using any Javascript Stuff or other library?</p>
  
  <p>Google has this options in Namespace Can we add our Custom animation options in Namespace?</p>
  
  <ul>
  <li>google.maps.Animation.DROP </li>
  <li>google.maps.Animation.BOUNCE</li>
  <li>google.maps.Animation.CUSTOM_FADE ( Is it possible ? )</li>
  </ul>
  
  <p>My Working Code for Google map V3</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt; 
  &lt;head&gt; 
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt; 
    &lt;title&gt;Google Maps Multiple Markers&lt;/title&gt; 
    &lt;script src="http://maps.google.com/maps/api/js?sensor=false" 
            type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt;
    &lt;div id="map" style="width: 500px; height: 400px;"&gt;&lt;/div&gt;
  
    &lt;script type="text/javascript"&gt;
      var locations = [
        ['Bondi Beach', -33.890542, 151.274856, 4],
        ['Coogee Beach', -33.923036, 151.259052, 5],
        ['Cronulla Beach', -34.028249, 151.157507, 3],
        ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
        ['Maroubra Beach', -33.950198, 151.259302, 1]
      ];
  
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: new google.maps.LatLng(-33.92, 151.25),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
      var infowindow = new google.maps.InfoWindow();
  
      var marker, i;
  
      function marker(i) {
          if (i &gt; locations.length) return;
  
          var marker;
  
          marker = new google.maps.Marker({
              position: new google.maps.LatLng(locations[i][1], locations[i][2]),
              animation: google.maps.Animation.DROP,
              map: map
              });
  
          var t=setTimeout("marker("+(i+1)+")",500);
      }
      marker(0);
  
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>