如何随机化 Google 地图叠加层的颜色？-js教程-PHP中文网

如何随机化 Google 地图叠加层的颜色？

Barbara Streisand

发布： 2024-12-16 02:51:16

原创

497 人浏览过

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”十六进制值替换为调用 getRandomColor() 函数，该函数会生成随机十六进制颜色代码：

color: getRandomColor()

登录后复制

实现详细信息：

getRandomColor() 函数采用以下算法：

定义一组十六进制字符。
迭代六次以创建颜色代码。
对于每次迭代，它将集合中的随机字符附加到颜色string.

用法示例：

在以下示例中，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中文网其他相关文章！