拉斐尔地图填充颜色

Question

我是 Raphael 新手，需要以下方面的帮助： 我正在使用这个 raphael 演示来构建欧洲地图 http://playground.mobily.pl/tutorials/building-an-interactive-map-with-raphael/demo.html

这是我的版本： - 这里显示的国家更少。 http://jsbin.com/isecus/20

目前地图上所有国家的填充颜色都是#fff，当用户将鼠标悬停在一个国家上时，填充颜色会变为#1669AD。

我需要做的是在加载地图时，特定国家必须有特定的颜色填充。 例如，波兰的填充颜色应该是红色，西班牙的填充颜色应该是黄色。所有其他国家/地区的默认颜色应为白色/#fff。 任何关于如何实现这一点的建议都非常受欢迎。

Answer 1

你必须像这样为每个国家添加填充属性

iceland: {

        name: 'Iceland',
        path: ...,
        fill: '#eee' //your color
    },

然后在您的 for 循环中，您必须将该颜色添加到对象的填充属性中

for (var country in paths) {
        var obj = r.path(paths[country].path);
        obj.attr(attributes).attr({fill:paths[country].fill}); //like this
        arr[obj.id] = country;
               //your other code here
        }

此外，您必须在代码的后悬停部分执行相同的thiff 以将填充属性恢复为paths[country].fill。