Question

嗨我的地图代码有问题...我使用drawingManager创建标记，但我想显示或隐藏取决于复选框但我不知道如何做到这一点...有人可以帮忙！非常感谢！

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>

我希望我帮助过你。

最佳，达科

显示和隐藏标记drawingManager

1 个答案: