如何更改标记颜色?

时间:2014-07-21 11:54:55

标签: google-maps google-maps-api-3

我已经定义了一个名为marker1的标记,其中包含以下选项:

marker1 = new google.maps.Marker({
    position: cPoint,
    map: map,
    icon: {
        path: google.maps.SymbolPath.CIRCLE,
        scale: 4,
        strokeColor: 'black',
        strokeOpacity: 0.6,
        strokeWeight: 1.0,
        fillColor:'green',
        fillOpacity: 0.6
        }
    });

后来我想改变标记的颜色。我使用以下行。但是我收到了一个错误。有人可以指导我吗?

marker1.setOptions({ icon: { fillColor: 'red' }});

上述行的正确语法是什么?

1 个答案:

答案 0 :(得分:1)

尝试:

iconOptions = marker1.getIcon();
iconOptions.fillColor = 'red';
marker1.setIcon(iconOptions);

Symbol类似乎没有任何方法,否则我假设你可以做setColor或setProperty,就像这样。

或者您可以重新设置整个符号:

iconOptions = {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 4,
    strokeColor: 'black',
    strokeOpacity: 0.6,
    strokeWeight: 1.0,
    fillColor:'red',
    fillOpacity: 0.6
}
marker1.setIcon(iconOptions);