>웹 프론트엔드 >JS 튜토리얼 >Google 지도 폴리라인 오버레이의 색상을 어떻게 무작위로 지정할 수 있나요?

Google 지도 폴리라인 오버레이의 색상을 어떻게 무작위로 지정할 수 있나요?

Patricia Arquette
Patricia Arquette원래의
2024-12-11 09:06:15887검색

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

폴리라인 오버레이에서 색상 사용자 정의

제공된 함수는 정적 색상 "#0000FF"로 GPolyline 오버레이를 정의합니다. 색상 선택에 임의성을 도입하기 위해 이 고정 값을 임의 색상 생성기로 대체해 보겠습니다.

해결책

임의 색상을 생성하려면 다음을 활용할 수 있습니다. 다음 Javascript 함수:

<br>function getRandomColor() {<br> var letter = '0123456789ABCDEF';<br> var color = '#';<br> for (var i = 0; i < 6; i ) {</p><pre class="brush:php;toolbar:false">color += letters[Math.floor(Math.random() * 16)];

}
돌아가기 color;
}

이 함수를 코드에 통합하면 정적 색상을 동적으로 생성된 임의 색상으로 대체할 수 있습니다.

document.overlay = GPolyline.fromEncoded({</p><pre class="brush:php;toolbar:false">color: getRandomColor(), ...

});

이 수정을 통해 함수가 호출될 때마다 오버레이 색상이 무작위로 변경됩니다. 생성된 임의의 값에 따라 구체적인 색상 음영이 달라집니다.

위 내용은 Google 지도 폴리라인 오버레이의 색상을 어떻게 무작위로 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.