0

我正在尝试在嵌入我网站的谷歌地图页面上显示大量标记。目前，我有地图和标记工作，但我也试图能够使用我添加到代码中的 4 个复选框对这些标记进行排序。

但是，复选框在被选中时不会做任何事情。几天来，我一直试图找出我的代码的问题，但我无法解决这个问题。

['Anchorage Air Route Traffic Control Center (ZAN)', 61.228391,-149.779551,1], 
['Anchorage TRACON (A11)', 61.17736,-149.979644,2],
['Allentown Tower (ABE)', 40.658666,-75.440991,3],
['Anchorage ATCT (ANC)', 61.177515,-149.979644,4],
var markers = [];     
var i, newMarker;     
for (i = 0; i < facilities.length; i++) 
{newMarker = new google.maps.Marker({        
position: new google.maps.LatLng(facilities[i][1], facilities[i][2]),    
map: map,
title: facilities[i][0],
clickable:true,
zindex: 10,      
});
newMarker.category = facilities[i][3];      
newMarker.setVisible(true);       
markers.push(newMarker);

}   


 function displayMarkers(categ) {      
var i, categ;       
for (i = 0; i < markers.length; i++) {        
if (markers[i].category === categ && markers[i].getVisible()== true) 
{         
 markers[i].setVisible(false);        
 } 
else if (markers[i].category === categ && markers[i].getVisible()== false) 
{
    markers[i].setVisible(true);        
}
 }    
}

然后，在页面的正文中，我有： id="artccb" value="ARTCC" onclick="displayMarkers(1)">
ARTCC

<input type="checkbox" checked="checked"           
id="traconb" value="TRACON" onclick="displayMarkers(2)">     
<label>TRACON</label>  

<input type="checkbox" checked="checked"           
id="bothb" value="ATCT/TRACON" onclick="displayMarkers(3)">     
<label>ATCT/TRACON</label> 

 <input type="checkbox" checked="checked"           
id="atctb" value="ATCT" onclick="displayMarkers(4)">     
<label>ATCT</label> 

</div> 

<body onload="initialize()">

4

1 回答 1

2

是在单独的函数中向地图添加标记的部分吗？如果是这样，则数组在函数markers中不可见。displayMarkers放在var markers = [];全局范围内，它应该可以工作。编辑：通过全球范围，我的意思是：

var markers = [];
function initialize() {
...
}
function displayMarkers(...

编辑2：也displayMarkers替换：

var i, categ;

和

var i;

您不应该重新定义categ变量，因为它是作为参数传递的。

于 2012-05-25T13:56:28.803 回答