マーカーの可視性Google Maps API

Question

私はGoogle Maps APIを使用して3つのマーカーを作成しましたが、各マーカーはゲームのスコアリングシーケンスを表すため、一度に1つのマーカーを有効にしてください。たとえば、スコアが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

はsocreが0 のvarマップである場合にのみ、マップ属性withoouマーカーとてsetMapとassugn（マップ）を作成します。

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>