我如何随机设置谷歌地图标记颜色?

时间:2017-05-23 12:06:32

标签: javascript

我是初学javascript现在我正在跟踪应用程序project.now我想随机更改谷歌地图标记颜色。这是我的代码

if(type == 'user')
          {
          var marker = new google.maps.Marker({
            map: map,
             icon: 'http://maps.google.com/mapfiles/ms/icons/yellow.png',
            position: point,
            label: icon.label
          });
        }
        else
        {
           var marker = new google.maps.Marker({
            map: map,
             icon: 'http://maps.google.com/mapfiles/ms/icons/green.png',
            position: point,
            label: icon.label
          });
           // var pt = new google.maps.LatLng(point);

        }

          marker.addListener('click', function() {
            infoWindow.setContent(infowincontent);
            infoWindow.open(map, marker);
          });
        });
      });
    }

我在google map中获得了相同颜色的用户。现在我想随机更改标记颜色。请帮助我。

2 个答案:

答案 0 :(得分:0)

  • 创建一个包含多种颜色的数组。
  • 使用Math.floor(Math.random() * SIZE_OF_ARRAY) + 1生成值。
  • 使用该随机值从值数组中动态选择颜色。

答案 1 :(得分:0)

创建一个包含所有src的数组

var icons = ["http://maps.google.com/mapfiles/ms/icons/yellow.png",
            "http://maps.google.com/mapfiles/ms/icons/red.png",
         ...etc
];

并在icon:中,您可以items[Math.floor(Math.random()*icons .length)]