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

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

Barbara Streisand
풀어 주다: 2024-12-16 02:51:16
원래의
501명이 탐색했습니다.

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

Google 지도 오버레이에서 색상 속성 무작위화

목표는 무작위 색상 생성기를 사용하여 다음 Google 지도 기능을 향상시키는 것입니다. "색상" 속성:

document.overlay = GPolyline.fromEncoded({
    color: "#0000FF",
    weight: 10,
    points: encoded_points,
    zoomFactor: 32,
    levels: encoded_levels,
    numLevels: 4
});
로그인 후 복사

해결책:

이를 수행하려면 정적 "#0000FF" 16진수 값을 getRandomColor() 함수 호출로 바꾸세요. 임의의 16진수 색상 코드:

color: getRandomColor()
로그인 후 복사

구현 세부 정보:

getRandomColor() 함수는 다음 알고리즘을 사용합니다.

  • 16진수 집합을 정의합니다.
  • 6번 반복하여 색상을 만듭니다. 코드.
  • 각 반복마다 세트의 임의 문자를 색상 문자열에 추가합니다.

사용 예:

In 다음 예에서는 getRandomColor() 함수가 동적 색상 패드에 적용됩니다. 요소:

function getRandomColor() {
  // Generate a random hex color code.
  // ...
}

function setRandomColor() {
  // Set the color of the #colorpad element.
  $("#colorpad").css("background-color", getRandomColor());
}
로그인 후 복사

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
로그인 후 복사

getRandomColor() 함수를 Google 지도 오버레이에 통합하면 이제 폴리라인, 마커, 다각형 및 다른 지도 요소.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿