传单标记图标的动画过渡

Question

我有一个带有蓝色图标的传单标记（来自PNG图像源）。在鼠标悬停时，我想将其设为RED图标。

这是执行此操作的代码：

            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)
            );

现在我想通过动画逐渐进行这种转换。

我该怎么做？

Answer 1

编写自己的CSS转换。

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

或使用插件Leaflet.TransitionedIcon

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