当我添加 removeMarker 功能时，每 5 秒在地图上加载图钉不显示图标

Question

我每五秒刷新一次谷歌地图 JSON 文件以获取新图钉，每当我在数据库中进行任何更改并添加新图钉时，它们都会显示在地图上，但奇怪的是当我删除坐标时pin 从数据库中 pin 不会从地图上消失，而是留在那里，

这是我的代码

$.ajaxSetup ({  
    cache: false  
});  

setInterval(function(){
    $.getJSON('pins.php', function (items) {

    for (var i = 0; i < items.length; i++) {
        (function(item) {
          addMarker(item.PinLatitude, item.PinLongitude, map);
        })(items[i]);

      }
    removeMarker();  
    });
}, 5000);

这是我的 addMarker 函数

var bounds = new google.maps.LatLngBounds();
var markers = [];

function addMarker(lat, lng, map) {
  var latlng = new google.maps.LatLng(lat, lng);
  bounds.extend(latlng);
  var marker = new google.maps.Marker({
    position: latlng,
    icon: 'iconPin.png',
    map: map
  });
  map.fitBounds(bounds);
  markers.push(marker);//this note below
  return marker;
}

markers.push(标记); //当我添加它以保存数组中的标记以便以后能够删除它们时，地图会在检测到针脚时执行合适的边界，但地图上没有显示针脚图标

这是我的 removeMarker 函数

function removeMarker() {
    bounds = new google.maps.LatLngBounds();//needed to clear out the bounds
    for (i=0; i < markers.length; i++) {
        markers[i].setMap(null);
    }
}

我尝试在设置的时间间隔内为主代码中的标记数组添加警报以代替 removeMarker 函数，但警报每 5 秒发出一次，为空且数组中没有任何内容

Answer 1

您需要先删除标记，然后再添加新标记

setInterval(function(){
    $.getJSON('pins.php', function (items) {

    removeMarker();  
    bounds = new google.maps.LatLngBounds();
    for (var i = 0; i < items.length; i++) {
        (function(item) {
          addMarker(item.PinLatitude, item.PinLongitude, map);
        })(items[i]);

      }
    });
}, 5000);

可能还想在从地图中删除标记数组后删除它们：

function removeMarker() {
    bounds = new google.maps.LatLngBounds();//needed to clear out the bounds
    for (i=0; i < markers.length; i++) {
        markers[i].setMap(null);
    }
    markers = [];
}