jquery - `fillColor` 在谷歌地图中不起作用

Question

我正在尝试对这样的折线应用fillColor。

但我做不到。这里出了什么问题？

poly = new google.maps.Polyline({
          strokeColor: '#00DB00',
          strokeOpacity: 1.0,
          strokeWeight: 3,
          fillColor: 'green',
          fillOpacity: 0.05
        });
        poly.setMap(map);

fiddle :https://jsfiddle.net/vL6qpn4w/

疑问:如何使用我的代码绘制多边形？

Answer 1

多段线不支持填充颜色，因为它们是简单的线。尝试使用具有填充和描边属性的多边形 - 给出您在上面尝试的内容。 https://developers.google.com/maps/documentation/javascript/shapes#polygons

poly = new google.maps.Polygon({
      strokeColor: '#00DB00',
      strokeOpacity: 1.0,
      strokeWeight: 3,
      fillColor: 'green',
      fillOpacity: 0.05 //Increase this to make the green background darker
    });
    poly.setMap(map);

新 fiddle :https://jsfiddle.net/c3znthny/1/