google-maps-api-3 - 有没有办法淡出 V3 google.maps.Polygon？

Question

有没有办法淡出 V3 google.maps.Polygon？

我想将其淡出，而不是仅仅隐藏/删除标准的 Google Maps V3 多边形。

这可能吗？那里有插件吗？

Answer 1

以下是我创建的一个解决方案，用于解决笔触和填充的均匀淡出问题，我通过将其设为函数使其易于重用。

秒是淡出发生和回调所需的时间，因此您可以在完成后执行另一个操作。

在我的项目中，我的回调函数从 map 中删除多边形并删除变量。

function polygon_fadeout(polygon, seconds, callback){
    var
    fill = (polygon.fillOpacity*50)/(seconds*999),
    stroke = (polygon.strokeOpacity*50)/(seconds*999),
    fadeout = setInterval(function(){
        if(polygon.strokeOpacity + polygon.fillOpacity <= 0.0){
            clearInterval(fadeout);
            polygon.setVisible(false);
            if(typeof(callback) == 'function')
                callback();
            return;
        }
        polygon.setOptions({
            'fillOpacity': Math.max(0, polygon.fillOpacity-fill),
            'strokeOpacity': Math.max(0, polygon.strokeOpacity-stroke)
        });
    }, 50);
}