javascript - 无法在 Google map 符号 (svg) 标记中填充颜色

Question

我正在使用 Google map 符号作为我 map 的标记。具体来说，我正在使用预定义的 Circle 符号。然而，圆圈从内部看起来是空心的。 fillColor 被忽略，但 strokeColor 有效。

Is it possible to fill the circle with color?

var marker = new google.maps.Marker({
          position: myLatlng,
          icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 4,
            strokeWeight: 2,
            fillColor: colors[parseInt(idx)],
            strokeColor: colors[parseInt(idx)]
          },
          map: map

      });

Answer 1

The default value for fillOpacity is 0 .所以你应该将它设置为 1:

fillOpacity: 1