Estou tendo problemas para apagar objetos do tipo circulo (API google-maps) que estão sendo mostrados em meu mapa.
Eu possuo uma função que recebede dados JSON e cria um array global (arrayElementos) contendo objetos (elemento) que possuem: informações JSON e um objeto (circulo) circulo da API do google maps. Quando eu faço uma pesquisa ( recebo um novo JSON), eu acesso arrayElementos, e para cada elemento, eu acesso o circulo e executo a função circulo.setMap(null), porém, o problema é que alguns circulos apagam enquanto outros permanecem. Já fiz debug, mas n consegui identificar o erro.
var arrayElementos = [];
function setMapElements(mJsonData) {
if(arrayElementos.length==0){
var elementOptions = {
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 1,
fillColor: "#FF0000",
fillOpacity: 0.35,
map: map,
center: {},
radius: Math.sqrt(1) * 50
};
var elemento = {
idade:{},
genero:{},
circulo:{}
};
$.each(mJsonData, function(id,data){
elementOptions.center = new google.maps.LatLng(data.latitude,data.longitude);
elemento.genero = data.sexo;
elemento.idade = data.idade;
elemento.circulo = new google.maps.Circle(elementOptions);
mapElements.push(elemento);
});
}else{
$.each(arrayElementos, function(id,elemento){
elemento.circulo.setMap(null);
});
arrayElementos = [];
setMapElements(mJsonData);
}
};