Question

I have a google map with markers on several states. The markers are trucks, and I’d like to setup an effect of the trucks “driving” in on page load before settling into place.

How can I achieve this affect with jQuery?

Answer 1

$(function(){
    $('.truck').each(function(i){
        var _this = $(this);
        setTimeout(function(){
            _this.animate({
                left: '300px',
                top: i * 150 + 'px'
            },'easeOutQuint');
        },500 * i);
    });
});

Working demo: http://jsfiddle.net/AlienWebguy/taaxQ/