Heim > Web-Frontend > js-Tutorial > Wie kann ich die Farbe einer Google Maps-Polylinienüberlagerung zufällig festlegen?

Wie kann ich die Farbe einer Google Maps-Polylinienüberlagerung zufällig festlegen?

Patricia Arquette
Freigeben: 2024-12-11 09:06:15
Original
884 Leute haben es durchsucht

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

Anpassen der Farbe in Polylinien-Overlays

Die bereitgestellte Funktion definiert ein GPolyline-Overlay mit einer statischen Farbe „#0000FF“. Um Zufälligkeit in die Farbauswahl einzuführen, ersetzen wir diesen festen Wert durch einen Zufallsfarbgenerator.

Lösung

Um eine zufällige Farbe zu generieren, können wir die nutzen Folgende Javascript-Funktion:

<br>function getRandomColor() {<br> var letters = '0123456789ABCDEF';<br> var color = '#';<br> for (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)];
Nach dem Login kopieren

}
return color ;
}

Von Indem wir diese Funktion in unseren Code integrieren, können wir die statische Farbe durch eine dynamisch generierte Zufallsfarbe ersetzen:

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

});

Diese Modifikation sorgt dafür, dass sich die Farbe des Overlays ändert zufällig jedes Mal, wenn die Funktion aufgerufen wird. Der spezifische Farbton variiert basierend auf dem generierten Zufallswert.

Das obige ist der detaillierte Inhalt vonWie kann ich die Farbe einer Google Maps-Polylinienüberlagerung zufällig festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Vorheriger Artikel:Wie kann man CSV-Daten einfach in JavaScript-Arrays analysieren? Nächster Artikel:Wie kann ich Audio in JavaScript-Anwendungen abspielen?
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage