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>

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.

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!