Support | Tested | |
---|---|---|
leaflet |
1.5.1 | ☑ |
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!
npm install --save leaflet-drift-marker
leaflet-drift-marker
requires only leaflet
as peerDependency
npm install --save leaflet
You can get the build file DriftMarker.js from releases or :
<script>
<!-- will be fixed on next release -->
<!-- Include this script if exports does not exists on window or -->
<!-- the following error "ReferenceError: exports is not defined" -->
<!-- before the cdn import -->
var exports = {};
</script>
<script src="https://unpkg.com/leaflet-drift-marker@2.0.0/lib/index.js"></script>
Still supports all existing leaflet marker properties check marker
This plugin implements two new methods:
.slideTo(latlng, slideOptions)
latlng
: LeafletLatLng , requiredslideOptions
: Object , requiredduration
: number , requiredkeepAtCenter
: Boolean , optional.slideCancel()
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,
});
MIT License