Google マップ オーバーレイの色をランダム化するにはどうすればよいですか?

Google マップ オーバーレイのカラー プロパティのランダム化

目標は、次の Google マップ機能を、 "色"プロパティ:

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

解決策:

これを実現するには、静的な 16 進値「#0000FF」を getRandomColor() 関数の呼び出しに置き換えます。ランダムな 16 進数の色コード:

color: getRandomColor()

実装の詳細:

getRandomColor() 関数は次のアルゴリズムを使用します:

• 16 進数のセットを定義します。
• 色を作成するために 6 回繰り返しますcode.
• 反復ごとに、セットからランダムな文字をカラー文字列に追加します。

使用例:

In次の例では、getRandomColor() 関数が動的カラー パッドに適用されます。 element:

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

function setRandomColor() {
  // Set the color of the #colorpad element.
  $("#colorpad").css("background-color", getRandomColor());
}

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

getRandomColor() 関数を Google マップ オーバーレイに組み込むことで、ポリライン、マーカー、ポリゴン、およびポリゴンにランダムな色を割り当てることができるようになりました。他のマップ要素。

以上がGoogle マップ オーバーレイの色をランダム化するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。