我有两个Fusion Table作为图层添加到地图可视化中。
我想要的是:
我不知道该怎么做。即使它是可能的。
以下是我的代码。
提前致谢!
<script type="text/javascript"src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var layer;
var tableid = 1111;
var layer2;
var tableid2 = 2222;
function initialize() {
map = new google.maps.Map(document.getElementById('map_canvas'), {
center: new google.maps.LatLng(10, 10),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
layer = new google.maps.FusionTablesLayer(tableid);
layer.setQuery("SELECT 'geometry' FROM " + tableid);
layer.setMap(map);
layer2 = new google.maps.FusionTablesLayer(tableid2);
layer2.setQuery("SELECT 'coordenadas' FROM " + tableid2);
layer2.setMap(map);
}
function changeLayer(tableidselections) {
if (tableidselections == 1111){
if (document.getElementById("avisos").checked == true) {
if(layer.getMap() == null) { layer.setMap(map); }
}
if (document.getElementById("avisos").checked == false) {
layer.setMap(null);
}
}
if (tableidselections == 2222){
if (document.getElementById("eventos").checked == true) {
if(layer2.getMap() == null) { layer2.setMap(map); }
}
if (document.getElementById("eventos").checked == false) {
layer2.setMap(null);
}
}
}
</script>
</head>
<body onload="initialize();">
<div id="selector_box">
<table>
<tr><td>
<form id="selector_form" style="font-size:14px">
<input type="checkbox" value="1111" name="selector" id="avisos" onclick="changeLayer(this.value);">Show weather info
<!-- <input type="checkbox" value="2222" name="selector" id="eventos" onclick="changeLayer(this.value);">Eventos -->
</form>
</td></tr>
</table>
</div>
答案 0 :(得分:1)
是的,你可以这样做;你的代码似乎应该工作。只需在layer2.setMap(map)
方法中跳过initialize
,然后默认情况下不会加载layer2。
如果您遇到麻烦,可以将您的完整代码(带有实际的表格ID)发布到jsfiddle或其他位置,然后说出问题所在。