Maison > interface Web > js tutoriel > Comment puis-je randomiser la couleur d'une superposition de polylignes Google Maps ?

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

Patricia Arquette
Libérer: 2024-12-11 09:06:15
original
885 Les gens l'ont consulté

How Can I Randomize the Color of a Google Maps Polyline Overlay?

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

});

Cette modification garantit que la couleur de la superposition change de manière aléatoire à chaque fois que la fonction est appelée. La nuance de couleur spécifique variera en fonction de la valeur aléatoire générée.

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!

source:php.cn
Article précédent:Comment analyser facilement des données CSV dans des tableaux JavaScript ? Article suivant:Comment puis-je lire de l'audio dans des applications JavaScript ?
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal