Question

我有HTML页面并包含

标题

<script type="text/javascript">
var citymap = {};

var cityCircle;

var myCenter  = new google.maps.LatLng(55,55);

function initialize()
{
    var mapProp =
        {
        center:myCenter,
        zoom:5,
        mapTypeId:google.maps.MapTypeId.TERRAIN
    };

    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    var i = 0 ; 

    for (var city in citymap) {
        var populationOptions = {
          strokeColor: '#FF0000',
          strokeOpacity: 0.8,
          strokeWeight: 2,
          fillColor: '#FF0000',
          fillOpacity: 0.35,
          map: map,
          center: citymap[city].center,
          radius: 10000
        };
        // Add the circle for this city to the map.
        cityCircle = new google.maps.Circle(populationOptions);

        // show tweeeeetsssssssss /////// 
        google.maps.event.addListener(cityCircle, 'click', function() {                     
           //alert(text);
        });

        /*
        google.maps.event.addListener(cityCircle, 'click', function() {
            new google.maps.InfoWindow({content: 'hello!'}).open(map, cityCircle);
        });*/

      }

正如我们所示...我绘制了一个谷歌地图并定义了一个带有属性的圆圈。在正文页面的部分...我有包含坐标

的java脚本数组

体

<javascript>

Coordinates[i] = {
         center: new google.maps.LatLng(latitude,longitude),
         };
</javasript>

现在......所有圈子都会画相同的（颜色。无线电......等等）...我想要的是如何更改圆圈的这些属性，例如（我想要3圈红... 4蓝色......）。thx :-)

Answer 1

只需将strokeColor设置为随机（或预定义）颜色......

这是我喜欢的随机函数（来自Best way to generate a random color in javascript?）：

strokeColor: '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6)

编辑：正如你所指出的那样，你可能想先生成颜色：

var color = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6)`

然后设置两个

strokeColor: color,
fillColor: color

重新编辑：因此，将颜色添加到数组中：

Coordinates[i] = {
    center: new google.maps.LatLng(latitude,longitude),
    color: '#ff0000'
};

并使用

strokeColor: citymap[city].color,
fillColor: citymap[city].color

（我没有看到从Coordinates到citymap的链接，但我猜你已经处理过了）

在谷歌地图中显示multiColor Circles

1 个答案: