Question

我正在使用此示例中的代码：https://google-developers.appspot.com/maps/articles/mvcfun/step6

当用户进行dblclick事件时，我想更改圆圈的颜色，但它不起作用，我不知道如何制作。我想在双击后隐藏/禁用调整大小标记。

    google.maps.event.addListener(marker, 'dblclick', function() {

      marker.setDraggable(false);
      marker.setVisible(false);

      //change color of the circle here and hide marker of radius


    });

感谢您的帮助，祝你有愉快的一天！

Answer 1

不明白接受的答案。要更改现有圆的颜色，您需要在Circle上使用setOptions方法。

e.g。

marker.setOptions({
    strokeColor: 'red',
    fillColor: 'red'
});

Answer 2

这是一个如何更改圆圈颜色的示例

function DrawCircle(rad) {

rad *= 1600; // convert to meters if in miles
if (draw_circle != null) {
    draw_circle.setMap(null);
}
draw_circle = new google.maps.Circle({
    center: center,
    radius: rad,
    strokeColor: "#FF0000",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#dedede",
    fillOpacity: 0.35,
    map: map
});

或

 circleOptions: {
     fillColor: '#dedede'
 }

至于删除标记只是

google.maps.event.addListener(marker, "dblclick", function() {
    marker.setMap(null);
});

Answer 3

好的，我在这个例子中找到了答案：https://google-developers.appspot.com/maps/articles/mvcfun/twittersearch

我更改了我的代码，但它有效（但不适用于jsfiddle）：http://jsfiddle.net/QQbtM/6/

see jsfiddle

在MVCObject中更改圆的设置

3 个答案: