Javascript 如何在多边形下方绘制多段线？

如何在google maps javascript中在多边形下方绘制多段线？我先画多边形，然后画多段线，我不希望线穿过多边形，我希望多边形是顶层

我创建多边形和多段线如下：

new google.maps.Polyline({
                path: googleCoordinates,
                geodesic: true,
                strokeColor: '#40FF00',
                strokeOpacity: 0.5,
                strokeWeight: 2
            });

new google.maps.Polygon({
                path: googleCoordinates,
                geodesic: true,
                strokeColor: '#FF0000',
                strokeOpacity: 0.5,
                strokeWeight: 2
            });

多段线和多边形都有zIndex属性，我想这就是您要寻找的：

new google.maps.Polyline({
            path: googleCoordinates,
            geodesic: true,
            strokeColor: '#40FF00',
            strokeOpacity: 0.5,
            strokeWeight: 2,
            zIndex: 10
        });

new google.maps.Polygon({
            path: googleCoordinates,
            geodesic: true,
            strokeColor: '#FF0000',
            strokeOpacity: 0.5,
            strokeWeight: 2,
            zIndex: 11
        });

---

在本例中，我将它们设置为10和11，您必须使用这些值，因为我不知道它们是否仅限于地图（我认为是这样），或者它们将影响整个页面中多边形和多段线的zIndex。

谢谢。但我仍然可以看到在第一条线的顶部绘制下面的线，因为颜色发生了变化（第二条线的不透明度为0.5，第一条线的不透明度为1）。我想我们现在谈论的是光学，如果你必须把一个不透明的物体放在另一个上面，你总是可以看到这两个物体，我在你的代码中看到，这两个物体的strokeOpacity都设置为0.5，所以都是不透明的。这可能是我的眼睛，这就是问题所在，我想我改变了它。谢谢你，伙计！