Любое изменение уровня масштабирования приводит к повторному появлению всех моих маркеров на моей карте Google.

Question

Любое изменение уровня масштабирования приводит к появлению на карте всех маркеров, которые были на карте в любой момент с момента последней загрузки страницы.Это верно независимо от того, происходит ли изменение уровня масштабирования из-за вызова setZoom() в моем коде или из-за того, что я использую ползунок масштабирования.

У меня есть виджет управления картой с кнопками для добавления маркеров, соответствующих различным категориям.Итак, вы нажимаете кнопку «Группы», и карта заполняется маркерами, обозначающими группы.Затем вы нажимаете кнопку «Отдельные лица», и маркеры групп очищаются и удаляются, а на карте появляются отдельные маркеры.И так далее с другими категориями.Но любое изменение уровня масштабирования возвращает все маркеры, которые были на карте с момента последнего обновления страницы.

Я использую MarkerClustererPlus.Я не знаю, будет ли это ошибкой в ​​MarkerClustererPlus, в коде Google или в моем коде.Надеюсь, последнее.Ниже я включу свою функцию addMarkers.Поскольку я очищаю и удаляю маркеры перед добавлением новых маркеров, я не знаю, как предыдущие маркеры могут вернуться, не говоря уже о том, почему изменение масштаба вызывает их возврат:

function addMarkers(map,flag) { 

  clearOverlays();
  deleteOverlays();

  if ('event' == flag) {
    data = himaps_event_data;
  } else if ('story' == flag) {
    data = himaps_story_data;
  } else if ('group' == flag) {
    data = himaps_group_data;
  } else {
    data = himaps_user_data;
  }

  for (var k in data) {
    var item = data[k];
    var latLng = new google.maps.LatLng(item.lat, item.lng);
    var marker = new google.maps.Marker({'position': latLng});
    markersArray.push(marker); 
  } 

  var markerCluster = new MarkerClusterer(map, markersArray);  
}

Кроме того, если я изменю масштаб, маркеры больше не будут очищаться.Они просто продолжают накапливаться на карте, если я нажимаю кнопки, чтобы изменить категорию.Этого определенно не произойдет, если я не изменю уровень масштабирования.

По запросу вот еще код:

function clearOverlays() {
  if (markersArray) { 
    for (var i = 0; i < markersArray.length; i++ ) {
      markersArray[i].setMap(null);
    }
  }
}

function deleteOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
    markersArray.length = 0;
  }
}

/* map controls */
(function($) {
  Drupal.behaviors.himaps = {
  attach: function(context, settings) {
    $('.map-controls button').click(function() {
      flag = this.id.replace('map-',''); 
      addMarkers(map,flag);
    });
  }
  }
})(jQuery);


/* homepage map */
function newMap(clat,clng) {
  if (!clat) {
    clat = 37.65;  
  }
  if (!clng) {
    clng = -97.43;  
  }
  var myOptions = {
    scrollwheel: false,
    mapTypeControl: false,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        position: google.maps.ControlPosition.LEFT_CENTER
    },
    panControl: false,
    panControlOptions: {
        position: google.maps.ControlPosition.LEFT_CENTER
    },
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.LEFT_CENTER
    },
    draggable: true,
    center: new google.maps.LatLng(clat, clng),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  return new google.maps.Map(document.getElementById("map-canvas"), myOptions);

}

var map;
var markersArray = [];
var geocoder; 
var marker;
var listener;

google.maps.event.addDomListener(window, 'load', initmapping);

function initmapping() { //aka initialize()
  map = newMap();
  addMarkers(map,'group');
  geocoder = new google.maps.Geocoder();
}

И последнее, но не менее важное: библиотека MarkerClustererPlus: http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.9/src/

Answer 1

Я мало что знаю о MarkerClusterer, но, похоже, происходит каждый раз, когда вы вызываете функцию addMarkers, вы создаете новый MarkerClusterer, но старый никогда не уничтожается/удаляется, поэтому при изменении масштаба все созданные вами экземпляры перерисовывают маркеры. у них есть.Попробуйте метод ClearMarkers или RemoveMarkers класса MarkerClusterer, а также создайте только один экземпляр MarkerClusterer и используйте его повторно вместо создания нового каждый раз, когда вы вызываете addMarkers.