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

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

Barbara Streisand
發布: 2024-12-16 02:51:16
原創
496 人瀏覽過

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

隨機化 Google 地圖疊加層中的顏色屬性

您的目標是使用隨機顏色產生器增強以下 Google地圖功能「顏色」屬性:

document.overlay = GPolyline.fromEncoded({
    color: "#0000FF",
    weight: 10,
    points: encoded_points,
    zoomFactor: 32,
    levels: encoded_levels,
    numLevels: 4
});
登入後複製

解決方案:

要實現此目的,請將靜態「#0000FF」十六進位值替換為呼叫getRandomColor()函數,函數會產生隨機的十六進位顏色代碼:

color: getRandomColor()
登入後複製

實作詳細資訊:

getRandomColor() 函數採用下列演算法:

    getRandomColor() 函數採用以下演算法:
  • 定義一組十六進位字元。
  • 迭代六次以建立顏色代碼。
對於每次迭代,它將集合中的隨機字元附加到顏色string.

用法範例:

function getRandomColor() {
  // Generate a random hex color code.
  // ...
}

function setRandomColor() {
  // Set the color of the #colorpad element.
  $("#colorpad").css("background-color", getRandomColor());
}
登入後複製
在以下範例中,getRandomColor() 函數應用於動態顏色墊元素:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
登入後複製
HTML:

透過合併getRandomColor() 函數新增至您的 Google 地圖疊加層中,您現在可以為折線、標記、多邊形和其他地圖元素指派隨機顏色。

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

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