亚洲av一区网站,欧美草比,91自拍最新地址

JS地圖工具FusionMaps如何設(shè)置漸變色

原創(chuàng)|使用教程|編輯：龔雪|2014-06-03 09:58:56.000|閱讀 713 次

概述：JS地圖工具FusionMaps關(guān)于設(shè)置漸變色的屬性以及方法。

相關(guān)鏈接：

FusionMaps XT允許使用漸變色填充地圖上各種元素。

首先以填充地圖背景為例。配置填充圖所需要用到的屬性如下所示：

bgColor-這個(gè)屬性是設(shè)置地圖背景顏色的。要使用漸變色做背景，需要用逗號(hào)將十六位顏色代碼分開，比如：FF5904,FFFFFF。注意不要有符號(hào)#和空白格。
bgAlpha-這個(gè)屬性是為背景設(shè)置alpha (透明度) 的。如果你已經(jīng)選擇了漸變色背景你就需要設(shè)置一列用逗號(hào)分隔的alpha（s）。
bgRatio-這個(gè)屬性是用來(lái)設(shè)置漸變色顏色比例的。
bgAngle-設(shè)置背景色的角度值.

下面來(lái)詳細(xì)說(shuō)說(shuō)怎么用FusionMaps XT做成漸變色背景吧。我們的示例是用橙色(#ff5904) 開頭，然后漸漸褪變成白色（#ffffff) 。起初，我們將兩種顏色的alpha設(shè)置為100，從左到右的角度為0，代碼如下：

XML

<map bgColor='FF5904,FFFFFF' bgAlpha='100,100' bgRatio='0,100' bgAngle='0' fillColor="FFFFFF" showBevel="0" ></map>

這里，我們先是把bgColor設(shè)置為一列由逗號(hào)分隔開的顏色，這是我們的漸變色里需要用到的。

首先，每個(gè)顏色都必須在 bgAlpha屬性設(shè)定一個(gè)alpha，同樣由逗號(hào)隔開。當(dāng)這個(gè)屬性設(shè)為 bgAlpha="80,50"，且withbgColor="FF5904,FFFFFF"，顏色 FF5904 就會(huì)顯示為80%的透明度，顏色 FFFFFF的透明度為50%。要注意，每個(gè)屬性設(shè)定的顏色數(shù)量要一致。

其次，要設(shè)定漸變色的比例。當(dāng)顏色比例屬性設(shè)置為bgRatio="80,20" 且bgColor="FF5904,FFFFFF"時(shí)，顏色FF5904 占據(jù)80% 的比例而顏色FFFFFF 占據(jù)20%。比例的總數(shù)都是 100。默認(rèn)情況下，F(xiàn)usionmaps XT 會(huì)按比例拆分顏色，就是說(shuō)，如果你有兩種顏色的話，并且沒有定義屬性，那這兩個(gè)顏色比例就各占50%。

最后，我們把漸變色的角度定為0度（從左到右），這樣一個(gè)漸變色的背景就誕生了：