Add drop animation to bus stops

yamamuteki · May 4, 2016 · cde502c · cde502c
1 parent 4362dd9
commit cde502c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -24,10 +24,16 @@ function drawMap(markersJson, polylinesJson, busStopsCount, centerMakerImagePath
   handler = Gmaps.build('Google');
   handler.buildMap({ provider: { scrollwheel: false, MinZoom:15 }, internal: {id: 'map'}}, function(){
     var markers = $.map(markersJson, function(busStop){
-      var marker = handler.addMarker(busStop);
+      var marker = handler.addMarker(busStop, { visible: false });
       marker.id = busStop.id;
       return marker;
     });
+    $.each(markers, function(index){
+      var marker = this.getServiceObject();
+      window.setTimeout(function(){
+        marker.setOptions({ animation: google.maps.Animation.DROP, visible: true });
+      }, index * 100);
+    });
     document.body.meta.markers = markers;
     if (polylinesJson) {
       var polylines = $.map(polylinesJson, function(busRoute){