Javascript 切换fusion表层:选中“新建”复选框时如何清除所有其他复选框
编辑:使用单选按钮修复,下面是js切换功能,用于在加载此层之前隐藏所有层:Javascript 切换fusion表层:选中“新建”复选框时如何清除所有其他复选框,javascript,google-fusion-tables,Javascript,Google Fusion Tables,编辑:使用单选按钮修复,下面是js切换功能,用于在加载此层之前隐藏所有层: function toggleLayer(this_layer){ layer_0.setMap(null); layer_1.setMap(null); layer_2.setMap(null); this_layer.setMap(map); } function toggleLayer(this_layer){ layer_0.setMap(null); layer_1.setM
function toggleLayer(this_layer){
layer_0.setMap(null);
layer_1.setMap(null);
layer_2.setMap(null);
this_layer.setMap(map);
}
function toggleLayer(this_layer){
layer_0.setMap(null);
layer_1.setMap(null);
layer_2.setMap(null);
this_layer.setMap(map);
}
我正在使用JavaScript在同一地图上切换融合表层,这对我来说很好。但是,出于我的目的,两个层不能同时显示,每个fusion table层包含渐变上的彩色形状文件,当它们相互重叠显示时会造成混乱
这是我用来切换fusion表层的代码:
function toggleLayer(this_layer){
if(this_layer.getMap()) {
this_layer.setMap(null)
} else {
this_layer.setMap(map);
}
}
//And here's the HTML
<form name="checkbox">
<input class="menu" type="checkbox" id="show_hide_layer_0" checked onchange="toggleLayer(layer_0); "/>
<label>layer_0</label>
<input class="menu" type="checkbox" id="show_hide_layer_1" checked onchange="toggleLayer(layer_1)"/>
<label>layer_1</label>
<input class="menu" type="checkbox" id="show_hide_layer_2" checked onchange="toggleLayer(layer_2)"/>
<label>layer_2</label>
</form>
我需要确保一次只能看到一个fusion table层。现在,这段代码允许选中所有三个框,这使得所有三个fusion表层都可见,从而在地图上造成混乱
在选中新框时,是否有方法取消选中所有其他框?非常感谢你的帮助。我应该改用单选按钮吗?编辑:单选按钮修复了此问题,下面是js切换功能,用于在加载此层之前隐藏所有层:
function toggleLayer(this_layer){
layer_0.setMap(null);
layer_1.setMap(null);
layer_2.setMap(null);
this_layer.setMap(map);
}
function toggleLayer(this_layer){
layer_0.setMap(null);
layer_1.setMap(null);
layer_2.setMap(null);
this_layer.setMap(map);
}