lifeeka / leaflet.bezier

Draws a Bézier line between two points with an animated flight object.
83 stars 13 forks source link
bezier leaflet

Leaflet Bezier

Create bezier with leaflet

Installation

npm i leaflet.bezier --save

Usage

    var options = {
        color: 'rgb(145, 146, 150)',
        fillColor: 'rgb(145, 146, 150)',
        dashArray: 8,
        opacity: 0.8,
        weight: '1',
        iconTravelLength: 0.5, //How far icon should go. 0.5 = 50%
        iconMaxWidth: 50,
        iconMaxHeight: 50,
        fullAnimatedTime: 7000,// animation time in ms
        easeOutPiece: 4, // animation easy ou time in ms
        easeOutTime: 2500, // animation easy ou time in ms
    };

    L.bezier({
        path: [
            [
                {lat: 7.8731, lng: 80.7718},
                {lat: -18.7669, lng: 46.8691},
            ]
        ],

        icon: {
            path: "plane.png"
        }
    }, options).addTo(map);

Demo

alt text

npm run start

License

This project is licensed under the MIT License