marker-animate

marker-animate

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
marker-animate
0.0.18 years ago8 years agoMinified + gzip package size for marker-animate in KB

Readme

Animated marker movement in Google Maps
A nice alternative to marker.setPosition(latLng). Include jQuery and jQuery Easing Plugin for more easing options. Demo: http://robsite.net/static/markermove/markermove.html (click on the map)

Node wrapper

This is node wrapper for the library, so it will be possible to use it from NW.js. To use it from node: ``` npm install marker-animate ```

Usage

Include markerAnimate.js after Google Maps and call animateTo on a google.maps.Marker:
// params:
// newPosition        - the new Position as google.maps.LatLng()
// options.duration   - animation duration in ms (default 1000)
// options.easing     - easing function from jQuery and/or the jQuery easing plugin (default 'linear')
// options.complete   - callback function. Gets called, after the animation has finished
marker.animateTo(newPosition [, {easing: 'easeOutBounce', duration: 1000, complete: function(){}}]);

Example

var marker = new google.maps.Marker({position: new google.maps.LatLng(0,0), map: myMap, title: 'Hello World!'});
var newPosition = new google.maps.LatLng(13,42);
// move marker in 1000ms and with linear animation.
marker.animateTo(newPosition); 
// or with callback and options for easing and duration in milliseconds. Needs jQuery Easing Plugin.
marker.animateTo(newPosition, {  easing: "easeOutBounce",
duration: 1000,
complete: function() {
alert("animation complete");
}
});