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

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);
}