hide - 显示和隐藏标记绘图管理器

Question

嗨，我的地图代码有问题...我使用绘图管理器创建标记，但我想根据复选框显示或隐藏，但我不知道该怎么做...有人可以帮忙！多谢！

Answer 1

您需要 3 部分代码来执行此操作。

1）下面是显示层的代码（我假设你已经有了）：

var parcel_boundary = new google.maps.FusionTablesLayer({
query: {
    select: 'parcel_boundary_1_9999',
    from: '1ouLS0fm8tPPQNQRpr-bwE4ct-cBkMB-Ru_XttDQ'
  },
  styles: [{
    polygonOptions: {
    strokeColor: "#333333",
    strokeOpacity: 0.8,
    strokeWeight: 0.7,
    fillColor: "#36549C",
    fillOpacity: 0.3
    }
}],
    //map: map,
    suppressInfoWindows: true
    });
    google.maps.event.addListener(parcel_boundary, 'click', function(e) {
    windowControl(e, infoWindow, map);
});

2）紧接着显示层代码下面是这部分代码：

$('#parcel_boundary_box').click(function(){
    if ($(this).is(':checked'))
    parcel_boundary.setMap(map); // show
    else
    parcel_boundary.setMap(null); // hide
    });
$('#parcel_boundary_box').removeAttr('disabled');

3）在正文中，您需要添加以下代码：

<div id="panel" style="position:absolute; left:560; top:0px; width:140px; height:30px;">
<input type="checkbox" id="parcel_boundary_box" disabled="true">
<span class="style2">Parcel Boundary</span> 
</div>

我希望我对你有所帮助。

最好的，达科