google-maps-api-3 - 如何使用 Google 的第 3 版 API 设置多边形的可见性？

Question

我找到了使用以下方法设置标记可见性的方法:

            // create the marker 
            blueMarker = new google.maps.Marker({
                position: new google.maps.LatLng(33.514428, -112.29056534285377),
                draggable: true,
                raiseOnDrag: false,
                icon: './Images/blue3Marker.png',
                shapeType: 'BuyersEdgeArea',
                shapeID: '3'
            });

            // set the marker on the map
            blueMarker.setMap(map);

然后我使用 blueMarker.setVisible(false) 或 blueMarker.setVisible(true) 使其可见/不可见。

但是我如何对多边形做同样的事情呢？

这是我设置多边形的方式:

        BuyersEdge3 = new google.maps.Polygon({
            clickable: true,
            paths: BuyersEdgePath3,
            strokeColor: '#000000',
            strokeOpacity: 1,
            strokeWeight: 2,
            fillColor: ' #810541 ',
            fillOpacity: 0.35
        });

        // set the shape on the map
        BuyersEdge3.setMap(map);

现在如何使这个形状不可见？

我的情况是我有一个复选框，用户可以在其中检查是否看到多边形。第一次检查时，我将创建多边形，但随后，我只想使多边形形状可见或不可见。

我正在转换一个虚拟地球应用程序，我可以在其中“显示”或“隐藏”一个带有多边形的图层，但我找不到使用 JavaScript 为 Google API 版本 3 做这个技巧的东西。

Answer 1

根据文档 GMAP POLYGON GMAP Polygon 有 setVisible() 函数，所以你可以使用它。

myPolygon.setVisible(false); // to hide
myPolygon.setVisible(true); // to show