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

我从谷歌上找到了关于鼠标悬停使多边形变彩色的方法

我需要的是在许多国家制作一个多边形，例如：美国、加拿大和墨西哥，并使它们在悬停时设置颜色更改的动画，在左侧设置恢复原始颜色的动画，然后单击，返回国家名称并放大到国家。我已经开始了，但马上就卡住了

---

有人能帮我完成这项任务吗？

可能有点晚了，但对于其他有同样问题的人：

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

（函数（）{
var opacityUp=真；
var animOpacity=0.1；
var animStep=0.005；
函数animatePolygons（）{
如果（不透明）{
animOpacity+=animStep；
如果（透明度>=0.99）{
不透明=假；
}
}否则{
animOpacity-=animStep；
如果（animOpacitySo，你只需要动画部分的帮助？因为这似乎是一个简单的CSS相关的事情。还有在一个国家上制作多边形…你做了什么？我马上就卡住了…细节，你尝试了什么？你是如何卡住的？向我们展示你的代码。