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

Personnalisation de la couleur dans les superpositions de polylignes

La fonction fournie définit une superposition de GPolyline avec une couleur statique "#0000FF". Pour introduire du caractère aléatoire dans la sélection des couleurs, remplaçons cette valeur fixe par un générateur de couleurs aléatoires.

Solution

Pour générer une couleur aléatoire, nous pouvons exploiter le fonction Javascript suivante :

<br>fonction getRandomColor() {<br> var lettres = '0123456789ABCDEF';<br> var color = '#';<br> pour (var i = 0; i < 6; i ) {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">color += letters[Math.floor(Math.random() * 16)];

Copier après la connexion

}
retour color;
}

En incorporant cette fonction dans notre code, nous pouvons remplacer la couleur statique par une couleur aléatoire générée dynamiquement :

document.overlay = GPolyline.fromEncoded({</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">color: getRandomColor(), ...

Copier après la connexion