2012-02-10 10 views
0

私はラファエルの初心者ですし、次のといくつかの助けが必要埋める: 私はここでヨーロッパ http://playground.mobily.pl/tutorials/building-an-interactive-map-with-raphael/demo.htmlラファエル・マップは、色

のマップを構築するために、このラファエルのデモを使用していますが、私のバージョンは次のとおりです。 - 以下の国が表示されましたここに。マップのすべての国が#FFFの塗りつぶしの色を持っており、ユーザーは全国#1669ADへの塗りつぶしの色の変化をマウスを置いたときに瞬間 http://jsbin.com/isecus/20

。マップがロードされる時点である私は何をする必要が

、特定の国では、特定の色を塗りつぶしている必要があります。 例えば、ポーランド、黄色の赤とスペイン塗りつぶしの色の塗りつぶしの色を有していなければなりません。他のすべての国は、白/ #FFFのデフォルトの色を持っている必要があります。これを実現する方法の 任意の提案は歓迎以上です。

答えて

1

あなたはこの

iceland: { 

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

のように、それぞれの国に塗りつぶし属性を追加する必要があります。そして、あなたのサイクルのために、あなたが行う必要があり、また、あなたのオブジェクトの属性

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 
     } 

を埋めるために、その色を追加する必要がありますpaths[country].fillに塗りつぶし属性を取り戻すためにあなたのコード内の後のホバー部分で同じthinf。

関連する問題