不能切換標誌谷歌地圖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