谷歌地图 - 打开/关闭多边形

Question

我的谷歌地图上有 50 个多边形，其中 25 个以“_6”结尾，另外 25 个以“_100”结尾根据名称等变量打开和关闭多边形？

以下是我对其中一个多边形的当前选项的示例，如果有人能指出我正确的方向，那就太棒了！

var Zone_25_Distance_100 = new google.maps.Polygon({

paths: Zone_25_Distance_100,
strokeColor: '#48DD00',
strokeOpacity: 1,
strokeWeight: 1,
fillColor: '#48DD00',
fillOpacity: 0.01
});

google.maps.event.addListener(Zone_25_Distance_100, 'click', function() {
top.frames['GraphFrame'].location.href = 'Zone_25_100.html';

});

Answer 1

setVisible(bool) 方法是您正在寻找的。它在地图上隐藏或显示多边形。

Here is the doc related to polygons

然后，您只需将click 函数绑定到您拥有的复选框之一，然后在要隐藏的多边形上调用该方法。

编辑：

假设您的复选框的 id 是 cbId 并且您的多边形是 Zone_25_Distance_100，它看起来像这样（使用 jQuery）：

$('#cbId').click(function () {
    Zone_25_Distance_100.setVisible(this.checked);
});

没有 jQuery

document.getElementById('cbId').onclick=function(){
    Zone_25_Distance_100.setVisible(this.checked);
}