ズームアウト時にGoogleマップ検索アイコンを削除する方法はありますか？

Question

オートフィル検索機能はマップ上でうまく機能しており、検索された住所にズームしてカスタムピンを配置しますが、ピンはすべてのズームレベルにとどまります。私の目標は、ユーザーが過去のレベル18のズームアウトをズームアウトしたときにピンを削除/隠すことです。私の推測では、 'zoom_changed'のgoogle.maps.event.addListenerは動作するかもしれませんが、このコード内にどこに配置するかわかりません。事前に助けていただきありがとうございます。

// Create the search box and link it to the UI element. 
    var input = document.getElementById('pac-input'); 
    var searchBox = new google.maps.places.SearchBox(input); 
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 

    // Bias the SearchBox results towards current map's viewport. 
    map.addListener('bounds_changed', function() { 
     searchBox.setBounds(map.getBounds()); 
    }); 

    var markersS = []; 
    // Listen for the event fired when the user selects a prediction and   
    // retrieve more details for that place. 
    searchBox.addListener('places_changed', function() { 
     var places = searchBox.getPlaces(); 

     if (places.length == 0) { 
     return; 
     } 

     // Clear out the old markersS. 
     markersS.forEach(function(marker) { 
     marker.setMap(null); 
     }); 
     markersS = []; 

     // For each place, get the icon, name and location. 
     var bounds = new google.maps.LatLngBounds(); 
     places.forEach(function(place) { 
     if (!place.geometry) { 
      console.log("Returned place contains no geometry"); 
      return; 
     } 
     var icon = { 
      url: '.../HOME.png', 
      anchor: new google.maps.Point(41.5, 64), 
     }; 

     // Create a marker for each place and also set Zoom Condition. 
     google.maps.event.addListener(map, 'zoom_changed', function() { 
     var zoomS = map.getZoom(); 
     if (zoomS>=18) { 
      markersS.push(new google.maps.Marker({ 
      map: map, 
      icon: icon, 
      title: place.name, 
      position: place.geometry.location, 
      //animation: google.maps.Animation.DROP 
      })); 
      } 
     else if (zoomS<18) { 
      markersS.forEach(function(marker) { 
      marker.setMap(null); 
      }); 
      markersS = []; 
      } 
     }); 

     if (place.geometry.viewport) { 
      // Only geocodes have viewport. 
      bounds.union(place.geometry.viewport); 
     } else { 
      bounds.extend(place.geometry.location); 
     } 
     }); 
     map.fitBounds(bounds); 

    }); 

Answer 1

ズームはあなたのinitMap関数にあります。条件文を使うだけです。