2010-06-24 117 views
7

我正在爲我的地圖添加圓形覆蓋圖。我現在可以正確設置顏色,不透明度等。我如何獲得顏色漸變(即從中心徑向向外)?這甚至有可能嗎?Google maps api圓形漸變?

(我正在使用api v3,但如果你有v2的解決方案,我也很想看到它)。

回答

0

你應該可以通過CSS background:radial-gradient規則來做到這一點。例如:

background: radial-gradient(ellipse at center, 
    rgba(50,255,84,1) 0%, 
    rgba(255,0,0,0.79) 26%, 
    rgba(239,0,235,0.46) 67%, 
    rgba(255,255,255,0.2) 100%); 

還有的backbround財產的許多特定瀏覽器的實現,因此正與這看起來像它可以是一個有點笨拙。這裏有一個網站,它可以生成自定義的CSS顏色漸變以及瀏覽器特定的實現:http://www.colorzilla.com/gradient-editor/

一旦您獲得了您喜歡的顏色漸變,您可以根據ColorZilla網站生成的規則集創建一個新的CSS類並在將這些類添加到地圖時將這些類應用於疊加元素。