$3

leaflet-drift-marker


| Support | Tested | |
| --------- | ------ | ------- |
| leaflet | 1.5.1 | ☑ |

!"IMG"

A plugin for leaflet in Typescript to use on react,vue... that allows a marker to move smoothly instead of jump to a new position. Reworked to typescript from Leaflet.Marker.SlideTo!

$3

Installation

$3

``bash
npm install --save leaflet-drift-marker
`

leaflet-drift-marker requires only leaflet as peerDependency

`bash
npm install --save leaflet
`

Usage

$3

![Edit leaflet_DriftMarker](https://codesandbox.io/s/static-bcdhq?fontsize=14)

You can get the build file DriftMarker.js from releases or :

`html


`

Still supports all existing leaflet marker properties check marker

This plugin implements two new methods:

- .slideTo(latlng, slideOptions)
- latlng : LeafletLatLng , required
- slideOptions : Object , required
- duration : number , required
- keepAtCenter : Boolean , optional
- .slideCancel()

#### DriftMarker (with leaflet)

`javascript
import DriftMarker from "leaflet-drift-marker";
//var DriftMarker=require("leaflet-drift-marker")

const marker = new DriftMarker([10, 10]);

marker.slideTo([20, 20], {
duration: 2000,
keepAtCenter: true,
});
``

License

MIT License