不能切换标志谷歌地图API V3

Question

嘿，我有我的切换标记问题的开/关

你有为什么切换只有一个标记（标记“Freilichtmuseum”）任何想法？

thX for help !!

var locations = [ 
    ['Sensenwerk', 47.20031715397146, 15.338023278873152, 4], 
    ['Freilichtmuseum', 47.158075170093, 15.315393984492403, 5], 
]; 


var infowindow = new google.maps.InfoWindow(); 

var marker, i; 

for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map 
    }); 

    function toggleLayer() {  
     if (marker.getMap() === null) { 
      marker.setMap(map); 
     } 
     else { 
      marker.setMap(null); 
     } 

    } 
    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
      infowindow.setContent(locations[i][0]); 
      infowindow.open(map, marker); 
     } 
    })(marker, i)); 
} 

Answer 1

toggleLayer只切换当前的“标记”。如果您希望它比最后一个更多，则需要保存对所有需要在数组中切换的标记的引用，并遍历该数组。

var markers = []; 
for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map 
    }); 
    markers.push(marker); 
    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
      infowindow.setContent(locations[i][0]); 
      infowindow.open(map, marker); 
     } 
    })(marker, i)); 
} 

    function toggleLayer() {  
     for (var i=0; i< markers.length; i++){ 
     if (markers[i].getMap() === null) { 
      markers[i].setMap(map); 
     } 
     else { 
      markers[i].setMap(null); 
     } 
     } 
    } 

working fiddle