javascript - 谷歌地图API动画多边形颜色变化

Question

我找到了this great sample来自 Google 关于使鼠标悬停时多边形变得多彩的内容。

我需要的是在多个国家/地区创建一个多边形，例如:美国、加拿大和墨西哥，并使它们在悬停时动画颜色变化，在离开时动画恢复原始颜色，然后单击，返回国家/地区名称并放大到该国家/地区。我已经开始了，但立即陷入困境。

有人可以帮我完成这个任务吗？

Answer 1

也许有点太晚了，但对于其他有同样问题的人来说:

    (function(){
        var opacityUp =true;
        var animOpacity = 0.1;
        var animStep = 0.005;
        function animatePolygons() {
            if(opacityUp) {
                animOpacity+=animStep;
                if(animOpacity>=0.99) {
                    opacityUp = false;
                }
            } else {
                animOpacity-=animStep;
                if(animOpacity<=0.1) {
                    opacityUp = true;
                }
            }
                polygon.setOptions({
                    fillOpacity: animOpacity
                });
            requestAnimationFrame(animatePolygons);
        };
        animatePolygons();
    })();