marker-animate

WebJar for marker-animate

License	MIT
GroupId	org.webjars.npm
ArtifactId	marker-animate
Last Version	0.0.1
Release Date	Feb 2, 2017
Type	jar
Description	marker-animate WebJar for marker-animate
Project URL	http://webjars.org
Source Code Management	https://github.com/viskin/marker-animate

Download marker-animate

Filename	Size
marker-animate-0.0.1.pom
marker-animate-0.0.1.jar	15 KB
marker-animate-0.0.1-sources.jar	22 bytes
marker-animate-0.0.1-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/marker-animate/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>marker-animate</artifactId>
    <version>0.0.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/marker-animate/
implementation 'org.webjars.npm:marker-animate:0.0.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/marker-animate/
implementation ("org.webjars.npm:marker-animate:0.0.1")

Apache Buildr

'org.webjars.npm:marker-animate:jar:0.0.1'

Apache Ivy

<dependency org="org.webjars.npm" name="marker-animate" rev="0.0.1">
  <artifact name="marker-animate" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='marker-animate', version='0.0.1')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "marker-animate" % "0.0.1"

Leiningen

[org.webjars.npm/marker-animate "0.0.1"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.npm : jquery	jar	[0,)
org.webjars.npm : jquery-easing	jar	[0.0.1,0.0.2)

Project Modules

There are no modules declared in this project.

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)

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");
                                 }
                              });

Versions

Version
0.0.1 Feb 2, 2017