Wie kann ich die Farbe eines Google Maps-Overlays zufällig auswählen?

Randomisieren der Farbeigenschaft in einem Google Maps-Overlay

Ihr Ziel ist es, die folgende Google Maps-Funktion mit einem zufälligen Farbgenerator für zu erweitern "Farbe" Eigenschaft:

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

Lösung:

Um dies zu erreichen, ersetzen Sie den statischen Hexadezimalwert „#0000FF“ durch einen Aufruf der Funktion getRandomColor(), die generiert ein zufälliger Hex-Farbcode:

color: getRandomColor()

Implementierung Details:

Die Funktion getRandomColor() verwendet den folgenden Algorithmus:

• Definiert einen Satz hexadezimaler Zeichen.
• Iteriert sechsmal, um die Farbe zu erstellen Code.
• Bei jeder Iteration wird ein zufälliges Zeichen aus dem Satz an die Farbe angehängt string.

Beispielverwendung:

Im folgenden Beispiel wird die Funktion getRandomColor() auf ein dynamisches Farbpad-Element angewendet:

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>

Durch die Einbindung der getRandomColor()-Funktion in Ihr Google Karten-Overlay: Sie können Ihren Polylinien, Markierungen, Polygonen und anderen Kartenelementen jetzt zufällige Farben zuweisen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Farbe eines Google Maps-Overlays zufällig auswählen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!