marker.setMap（null）;不起作用

Question

我想從谷歌地圖中刪除所有舊的標記，並添加新的標記，但setMap（null）不起作用，它添加新標記而不刪除舊標記。請看我的代碼

   var markers = data['map']; 
       if (marker != null) { 
        marker.setMap(null); 
       } 
       marker.setMap(null); 
       for (var i = 0; i < markers.length; i++) { 
        alert(1); 
        var data = markers[i]; 
        var infoWindow = new google.maps.InfoWindow(); 
        var img1 = data.imageUrl != '' ? '<img src= <?php echo $baseUrl; ?>/uploads/property/thumb/' + data.imageUrl + '>' : ""; 

        var bed1 = data.beds != '' ? data.beds + ' beds' : ""; 
        var bath1 = data.bath != '' ? data.bath + ' bath' : ""; 
        var squarefeet1 = data.areaSqaureFeet != '' ? data.areaSqaureFeet + ' squarefeet' : ""; 
        var contentString = '<div id="content">'; 
        contentString += img1+ '<p>' + data.propertyAddress + ' </p><p> ' + bed1 + ' </p><p>' + bath1 + ' </p><p>' + squarefeet1 + ' </p>'; 
        contentString += '</div>'; 

        var myLatlng = new google.maps.LatLng(data.lat, data.lng); 
        marker = new google.maps.Marker({ 
         position: myLatlng, 
         map: map, 
         title: contentString 
        }); 

        google.maps.event.addListener(marker, 'click', function() { 
         infowindow.setContent(this.title); 
         infowindow.open(map, this); 
        }); 
       } 
      } 

Answer 1

我沒有看到你在哪裏定義了你的「標記」變量。然而，一般而言，您應該創建一個標記 - >將其推入全局定義的數組中（或者只是您可以訪問的數組），以便引用該數組。然後，您可以運行標記數組並將其設置爲空。所以你可以這樣做：

var markers = []; //Global Marker array to keep references 
var marker = new google.maps.Marker({ 
     position: {lat: lat, lng: lng}, 
     icon: icon, 
     map: map 
    }); 
    markers.push(marker); 

這將保持您的標記訪問。如果你想將它們設置爲null 你可以寫這樣一個功能：

removeMarker: function() { 
    for (var i = 0; i < markers.length; i++) { 
     markers[i].setMap(null); 
    } 
    markers = []; 
}, 

希望這有助於。