googlemap api v3でマーカーを1つ削除する

Question

郵便番号のある場所を検索すると、郵便番号と一緒にGoogleマップを中心にしてマーカーを追加します。私は新しい検索をするときに古いマーカーを削除します。

 $('body').on('blur', '#CodePostalA', function(){ 

     var zipcode = $('#CodePostalA').val(); 
     var $this = $(this); 
     var geocoder = new google.maps.Geocoder; 

      geocoder.geocode({'address': zipcode}, function(results, status) { 
       if (status == google.maps.GeocoderStatus.OK) { 
        map.setCenter(results[0].geometry.location); 
        map.setZoom(20); 

       } 

       if ($('#adresse').length > 0) { 
        newMarker = new google.maps.Marker({ 
         position: results[0].geometry.location, 
         map: map, 
         icon: new google.maps.MarkerImage(
          'images/marker-new.png', 
          null, 
          null, 
          null, 
          new google.maps.Size(36, 36) 
         ), 
         draggable: true, 

         animation: google.maps.Animation.DROP, 
        }); 



        google.maps.event.addListener(newMarker, "mouseup", function(event) { 
         var latitude = this.position.lat(); 
         var longitude = this.position.lng(); 


         geocoder.geocode({'location': this.position}, function(results, status) { 
          if (status === google.maps.GeocoderStatus.OK) { 
           if (results[1]) { 
            $('#adresse').val(results[0].formatted_address); 
           } else { 
            console.log('Aucun résulat trouvé'); 
           } 
          } else { 
           console.log('Echec géolocation: ' + status); 
          } 
         }); 
        }); 

       } 




      }); 



    }); 



    addMarkers(props, map); 
}, 300); 

Answer 1

は、変数を使用してマーカーを追跡し、それはそれを削除するための時間であるとき、marker.setMap(null)をマップから削除します。

すべての参照が削除されると、古いマーカーオブジェクトがシーンの後ろでガベージコレクションされます。

また、毎回新しいマーカーオブジェクトを作成するのではなく、マーカーオブジェクトを再利用することもできます。