首頁 > web前端 > js教程 > 如何隨機化 Google 地圖折線疊層的顏色?

如何隨機化 Google 地圖折線疊層的顏色?

Patricia Arquette
發布: 2024-12-11 09:06:15
原創
885 人瀏覽過

How Can I Randomize the Color of a Google Maps Polyline Overlay?

自訂折線疊加中的顏色

提供的函數定義了具有靜態顏色「#0000FF」的 GPolyline 疊加。為了在顏色選擇中引入隨機性,讓我們用隨機顏色產生器取代這個固定值。

要產生隨機顏色,我們可以利用下列Javascript 函數:

<br>function getRandomColor() { <br> var letter = '0123456789ABCDEF';<br> var color = '#';<br> for (var i = 0; i <pre class="brush:php;toolbar:false">color += letters[Math.floor(Math.random() * 16)];
登入後複製

}
傳回color;
}

透過將此函數合併到我們的程式碼中,我們可以用動態產生的隨機顏色取代靜態顏色:

 ;<br>document.overlay = GPolyline.fromEncoded({<pre class="brush:php;toolbar:false">color: getRandomColor(),
...
登入後複製

});

此修改可確保每次呼叫函數時疊加層的顏色隨機變化。具體的顏色深淺會根據產生的隨機值而變化。

以上是如何隨機化 Google 地圖折線疊層的顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板