"Driving" into place effect using javascript / jquery

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?

Using `.animate()`? http://api.jquery.com/animate/ – Tomas Aschan Aug 10 '11 at 14:15 — Tomas Aschan, Aug 10 '11 at 14:15

score 1 · Answer 1 · edited May 23 '17 at 12:11

1

Here's a good example: http://econym.org.uk/gmap/example_cartrip.htm

your question is a duplicate of this How to animate a custom Google Maps marker along a route? hope this helps

edited May 23 '17 at 12:11

Community

1
1

answered Aug 10 '11 at 14:20

Ruslan

9,927
15
55
89

1

"driving in on page before settling into place" does not mean "driving along route" These are map markers for locations, not for directions. – Maverick Aug 10 '11 at 14:27

AlienWebguy · Accepted Answer · 2011-08-10T14:27:57.107

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/

edited Aug 10 '11 at 14:27

answered Aug 10 '11 at 14:21

AlienWebguy

76,997
17
122
145

"Driving" into place effect using javascript / jquery

2 Answers2