拉斐尔地图填充颜色

Raphael map fill colors

本文关键字：填充 颜色 地图      更新时间：2023-09-26

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

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

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

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

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

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
        }

此外，您必须在代码中的悬停后部分执行相同的thinf操作，才能将fill属性带回paths[country].fill。

相关文章：