dekguh / leaflet.movemarker Goto Github PK

System Information

Operation System: Mac OS
Os Version: Monterey
Browser: google chrome
Browser Version: 108.x

what happen?

center point on icon is not accurate with polylines.

Expectation

the icon's midpoint is in the middle of the polylines, so it's as if the icon made the lines.

To-do

• explain the solution on documentation (next release)

system information

Operation System: Mac OS
Os Version: Monterey
Browser: google chrome
Browser Version: 107.x

what happen?

when the animation duration same with the fetch interval duration, happened the bug on marker, it will always start from first lat lng. this bug found in the real case demo

Expectation

when it have same duration, no such bug occurs.

current solution

make the duration animation and fetch interval not the same, for example the duration of the animation is 10 seconds and the fetch interval is 11 seconds

Haven't tested with "real" latlngs, but this example gives me just headache and will not work whatever I tried to do:

const layers = {}

// create new motion marker
layers.player = L.motionMarker(
    [unproject(session.location)],
    {
        animate: true,
        duration: 1000,
        followMarker: true,
        hideMarker: false,
        rotateMarker: true,
        rotateAngle: session.location.rot,
        icon: L.divIcon({
            iconSize: [16, 16],
            className: 'bg-transparent',
            html: '<div><img src="./static/icons/icon_2.png" style="width: 16px; height: 16px; transform: translate(0, -4px);"></div>'
        })
    },
).addTo(map);

// set view to player
map.setView(layers.player.getLatLng(), 5);

Error:

Tried to solve myself the bug, but I cannot get much from that error and gave up :/

current version: 0.0.12 (beta)

To-do list marker features

• animate moving marker
• follow marker when moving (need more improve)
• duration by speed (km)
• rotation marker (need more improve)
• disabled animate marker
• stop animate marker
• method moveTo (params: nextLatLng, options : { duration or speed })
• show/hide marker

To-do list polyline features

• animate polyline/trail
• show/hide polyline
• stop animate polyline
• disabled animate polyline
• max polyline line (old polyline will remove and replace new line)

Other To-do

• create example with real case and basic usage
• create documentation
• fix disable follow marker bug with animate (minor) PR 9
• dont execute rotation if addMore value rotateAngle same with current context rotateAngle (minor)
• #12
• #19

what next?

• improve the follow marker
• #25
• improve animate polyline when on zoom
• #26
• demo version on vue and angular maybe
• write testing

note: the item with checked has been merged with current version

If you love

if you like what i do with my stuff, you can donate me a beer 🗿

How to make a question and report issue

use label help wanted & bug for bug report and label help wanted & question for a question

Structure

use this structure for make a issue

system information

Operation System:
Os Version:
Browser:
Browser Version:

What happen?

explain in detail what happened or in detail your question.

Expectation

what kind of expectations do you want, please explain in detail.

Reproduce

Explain in detail the steps until you get the error/bug/something what ever and dont forget to attach the codesandbox