标记可见性Google Maps API

Question

我已经使用Google Maps API创建了3个标记，但我只希望一个标记一次处于活动状态，因为每个标记都代表游戏中的评分顺序。例如，如果分数是0，我只希望芝加哥标记处于活动状态。我迷失在如何做到这一点上，任何帮助都会很棒。下面是我的一些代码：

<script> 
     var map; 
     var score; 
     function initMap() { 
     var chicago = {lat: 41.8781, lng: -87.6298}; 
     var indianapolis = {lat: 39.7684, lng: -86.1581}; 
     var oklahomaCity = {lat: 35.4819, lng: -97.5084}; 

     map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: 0.0, lng: 0.0}, 
      zoom: 1 
}); 
     var chicagoMarker = new google.maps.Marker({ 
      position: chicago, 
      map: map   

}); 

     var oklahomaCityMarker = new google.maps.Marker({ 
      position: oklahomaCity, 
      map:map 
}); 

     var indianapolisMarker = new google.maps.Marker({ 
      position: indianapolis, 
      map:map 

}); 


chicagoMarker.setVisible(false); 
indianapolisMarker.setVisible(false); 
oklahomaCityMarker.setVisible(false); 
    } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCuvsCAF0gVmwv6AF0SoA3xBjV66RG4r7o&callback=initMap" 
    async defer></script> 

Answer 1

创建标记withoou地图属性，并与的setMap（地图）的assugn只有socre是0 VAR地图;

var score; 
    function initMap() { 
     var chicago = {lat: 41.8781, lng: -87.6298}; 
     var indianapolis = {lat: 39.7684, lng: -86.1581}; 
     var oklahomaCity = {lat: 35.4819, lng: -97.5084}; 

     map = new google.maps.Map(document.getElementById('map'), { 
     center: {lat: 0.0, lng: 0.0}, 
     zoom: 1 
     }); 
     var chicagoMarker = new google.maps.Marker({ 
      position: chicago 
     }); 

     var oklahomaCityMarker = new google.maps.Marker({ 
      position: oklahomaCity 
     }); 

     var indianapolisMarker = new google.maps.Marker({ 
      position: indianapolis 
     }); 

     if (score == 0) { 
     chicagoMarker.setMap(map) 
     } 

    } 
</script>