Comment puis-je générer des couleurs aléatoires pour les formes géométriques sur une carte ?

Générateur de couleurs aléatoires pour les formes géométriques

L'extrait de code donné crée une forme géométrique (par exemple, une ligne) sur une carte. Pour améliorer la visualisation, vous souhaitez attribuer des couleurs aléatoires à ces formes. Voici comment y parvenir :

Remplacez la couleur statique "#0000FF" par une fonction qui génère une couleur aléatoire, telle que :

function getRandomColor() {
  // Initialize empty string to store color code
  var color = '#';

  // Loop through 6 characters (hex color code)
  for (var i = 0; i < 6; i++) {
    // Generate a random number between 0 and 15
    var randomNum = Math.floor(Math.random() * 16);

    // Convert number to hex character and append to color string
    color += randomNum.toString(16);
  }

  // Return the generated hex color code
  return color;
}

Maintenant, utilisez la fonction getRandomColor() comme valeur de couleur :

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

Cela attribuera une couleur aléatoire à la forme géométrique à chaque fois que le code s'exécute, ce qui donnera un résultat visuellement attrayant et éléments de carte dynamiques.

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!