Comment puis-je générer des couleurs aléatoires pour une polyligne en JavaScript ?

Comment implémenter un générateur de couleurs aléatoires dans la propriété de couleur d'une polyligne

Dans le code fourni, nous visons à remplacer la couleur bleue statique "#0000FF" par une couleur aléatoire couleur générée pour la propriété color de la polyligne.

Pour y parvenir, suivez ces étapes :

Remplacez le Couleur statique avec getRandomColor()

Dans le constructeur document.overlay, remplacez le "#0000FF" par getRandomColor(), qui générera une couleur hexadécimale aléatoire.

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

Fonction pour générer Random Color

Voici la fonction Javascript getRandomColor() qui génère des hexadécimaux aléatoires couleurs:

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

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!