当不再向特定标记发送更多值时，标记将被删除

Question

嗨，请帮助我，我正在尝试对我的车辆跟踪进行搜索过滤器，流程是，当 ajax 没有发送参数过滤器时，servlet 会查询所有数据。 例如，我在查询结果上有 5 个数据，因此地图上会有 5 个标记，ajax 每两秒运行一次，因此当我请求参数时，例如只有这个特殊的车辆是显示查询结果将只有一个，据说只是屏幕上的标记，但之前的标记不会消失并跟上屏幕。如何将标记重置为 0？谁能帮我谢谢！这是我的代码

<script type="text/javascript">
var values = [];
var map;
var markers = [];
function    initMap()
{
var options = {
center: {lat: -33.890542, lng: 151.274856},
zoom: 4
};
map = new google.maps.Map(document.getElementById('map'), options);
var count = 0; 
setInterval(function() {
getGps();
for(var i = 0; i <= markers.length; i++){
markers[i].setPosition(new google.maps.LatLng(values[count][1],values[count][2]));
count++;
}
}, 2000);
} 
function removeMarkers(){
for(var i=0; i<markers.length; i++){
markers[i].setMap(null);
}
markers=[];
}
function getGps() {
xmlhttp.onreadystatechange=function() {    
if( xmlhttp.readyState==4 && xmlhttp.status==200 ) {
removeMarkers();
var res = xmlhttp.responseText; 
console.log(res);
var split1 = res.split("|");
if(split1[0] != "NOK"){
for(var i = 0; i < split1.length; i++){
var split2 = split1[i].split(",");
String(split2);
var holder1 = holder = [split2[0],split2[1],split2[2]];
values.push(holder1);;
var marker1 = marker = new google.maps.Marker({map: map, icon: 'images/mapvehicle.png', draggable: true});
markers.push(marker1);
}
}   
}
};
xmlhttp.open("POST","GpsPost",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("txtTerminal="+document.getElementById('txtTerminal').value+"&txtMerchant="+document.getElementById('txtMerchant').value+"&txtAccount="+document.getElementById('txtAccount').value);  
}

Answer 1

添加此函数并在此行之后调用它。
if( xmlhttp.readyState==4 && xmlhttp.status==200 ( {

function removeMarkers(){
for(i=0; i<markers.length; i++){
markers[i].setMap(null);
}
markers=[]
values=[]
}