Jak dodać niestandardową animację na znaczniku Google Map V3, gdy upuszczam każdy znacznik jeden po drugim?

Question

Sep 14, 2013, 07:08 AM

android javascript google-maps google-maps-api-3 jquery

Jak dodać niestandardową animację na znaczniku Google Map V3, gdy upuszczam każdy znacznik jeden po drugim?

To mój prosty przykład pracy: Upuść każdy znacznik jeden po drugim na mapie Google V3. Ustawiłem animację upuszczania po dodaniu znacznika do mapy Google.

Ale chcę dostosować animację Drop with Fade, czy będzie to możliwe przy użyciu dowolnego kodu JavaScript lub innej biblioteki?

Google ma te opcje w przestrzeni nazw Czy możemy dodać nasze niestandardowe opcje animacji w przestrzeni nazw?

google.maps.Animation.DROPgoogle.maps.Animation.BOUNCEgoogle.maps.Animation.CUSTOM_FADE (Czy to możliwe?)

Mój kod pracy dla mapy Google V3

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps Multiple Markers</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    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 > 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);

  </script>
</body>
</html>