javascript - 传单标记图标的动画过渡

我有一个带有蓝色图标的Leaflet标记(来自PNG图像源)。在鼠标悬停时，我要将其设为红色图标。

这是这样做的代码:

            let placeMarker = L.marker(...);

            let cssSetter = function (imarker, iicon) {
                imarker.setIcon(iicon);
            };

            placeMarker.on('mouseover',
                L.bind(cssSetter, null, placeMarker, markerIcon_red)
            );
            placeMarker.on('mouseout',
                L.bind(cssSetter, null, placeMarker, markerIcon)
            );

现在，我想用动画逐步进行此过渡。

我怎样才能做到这一点？

最佳答案

编写自己的CSS过渡。

http://css3.bradshawenterprises.com/cfimg/

或使用插件Leaflet.TransitionedIcon

https://github.com/naturalatlas/leaflet-transitionedicon