Comment puis-je randomiser la couleur d'une superposition Google Maps ?

Randomisation de la propriété de couleur dans une superposition Google Maps

Votre objectif est d'améliorer la fonction Google Maps suivante avec un générateur de couleurs aléatoires pour le "couleur" property :

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

Solution :

Pour ce faire, remplacez la valeur hexadécimale statique "#0000FF" par un appel à la fonction getRandomColor(), qui génère un code couleur hexadécimal aléatoire :

color: getRandomColor()

Mise en œuvre Détails :

La fonction getRandomColor() utilise l'algorithme suivant :

• Définit un ensemble de caractères hexadécimaux.
• Itère six fois pour créer la couleur code.
• Pour chaque itération, il ajoute un caractère aléatoire de l'ensemble à la couleur string.

Exemple d'utilisation :

Dans l'exemple suivant, la fonction getRandomColor() est appliquée à un élément de pavé de couleurs dynamique :

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><p>En incorporant la fonction getRandomColor() dans votre Google Maps superposition, vous pouvez désormais attribuer des couleurs aléatoires à vos polylignes, marqueurs, polygones et autres éléments de la carte.</p></div>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!