[SOLUCIONADO] borrar marcadores google maps

[vani18]

Hola bueno queria saber si saben como se borran los marcadores.... En google maps...
Por ejemplo yo tengo un xml de donde extraigo los datos...
Bueno...al mapa se le van a agregando marcadores... Yo quiero eliminarlos. Si les parece facil quiero borrar todos..los marcadores

Lei algo de setmap .null .pero.no.se bien donde va...

[ipraetoriux]

...seguramente cuando has agregado los marcadores has creado un array para pasar cada elemento del mismo al objeto google.map.Marker y asi ubicarlos en el mapa...

supongamos que el array se llama...arrayMarcadores;

...tienes que crear una funcion que recorra el array y elimine cada marcador y luego vaciar el array...

Código Javascript:

function LimpiarMarcadores() {
    for (var i = 0; i < arrayMarcadores.length; i++) {
        arrayMarcadores[i].setMap(null);
    };
 
    arrayMarcadores= [];
 
}
 

[vani18]

Iniciado por ipraetoriux

...seguramente cuando has agregado los marcadores has creado un array para pasar cada elemento del mismo al objeto google.map.Marker y asi ubicarlos en el mapa...

supongamos que el array se llama...arrayMarcadores;

...tienes que crear una funcion que recorra el array y elimine cada marcador y luego vaciar el array...

Código Javascript:

function LimpiarMarcadores() {
    for (var i = 0; i < arrayMarcadores.length; i++) {
        arrayMarcadores[i].setMap(null);
    };
 
    arrayMarcadores= [];
 
}
 

yo leo de un XML externo, creo que en mi caso no tengo un array...

coloco los marcadores en un array ??? entonces y hago lo qe me dijiste,,

Código PHP:

          $(xml).find("marker").each(function(){ 
         
         
                 
         
         
            var name = $(this).find('nombre_medico').text(); 
        //    var address = $(this).find('address').text(); 
            var address = "holaaa"; 
             
             
            // create a new LatLng point for the marker 
            var lat = $(this).find('latitud').text(); 
            var lng = $(this).find('longitud').text(); 
            var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng)); 
             
            // extend the bounds to include the new point 
            MYMAP.bounds.extend(point); 
             
            var marker = new google.maps.Marker({ 
                position: point, 
                map: MYMAP.map 
            }); 
             
            var infoWindow = new google.maps.InfoWindow(); 
            var html='<strong>'+name+'</strong.><br />'+address; 
            google.maps.event.addListener(marker, 'click', function() { 
                infoWindow.setContent(html); 
                infoWindow.open(MYMAP.map, marker); 
            }); 
            MYMAP.map.fitBounds(MYMAP.bounds); 
        });  
   

[vani18]

por que no me anda este????


filename es el XML.... en el momoento de qe vuelvo a leer desde el XML, coloco setMAP... y no me los borra....

Código PHP:

   
MYMAP.borrar = function(filename) { 
 
 
    $.get(filename, function(xml){ 
     
    //  var markers = []; 
     
        $(xml).find("marker").each(function(){ 
         
 
             
            // create a new LatLng point for the marker 
            var lat = $(this).find('latitud').text(); 
            var lng = $(this).find('longitud').text(); 
            var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng)); 
             
            // extend the bounds to include the new point 
            MYMAP.bounds.extend(point); 
             
            var marker = new google.maps.Marker({ 
                position: point 
                    //map: MYMAP.map     
            }); 
             
             
        marker.setMap(null); 
     
             
             
             
            MYMAP.map.fitBounds(MYMAP.bounds); 
        }); 
    }); 
     
     
     
     
}  
   

[ipraetoriux]

Es que mi amiga estas agregando marcas y borrando a la misma vez...esto te debería quedar así, avísame si te funciona, sino copia todo el código de como estas trabajando con Google Maps y vemos....

1ero. Cuando creas las marcas, definí una variable global que haga referencia a un objeto array. No se como estarás llamando a la función para cargar el mapa, recorrer el xml y agregar las marcas, pero supongamos cargas el mapa y que lo haces con un window.onload

Código Javascript:

window.onload = function(){
   cargarMapa();
};
 
var markerArray = [];
var map;
var bounds;
 
function cargarMapa(){
   
   var mapOptions = {
     center: new google.maps.LatLng(0,0),
     zoom:2,
     mapTypeId: google.maps.MapTypeId.ROADMAP
   };
 
   bounds = new google.maps.LatLngBounds();
   map = new google.maps.Map(document.getElementById('cargarMapa'), mapOptions);
   agregarMarcas();
}
 

Ahora agregas las marcas...y cada vez que creas una marca, almacenas la misma en un array, esto es para que cuando tengas que borrarlas, no tengas que recorrer todo el xml de nuevo, directamente recorres el array y borras

Código Javascript:

function agregarMarcas(){
 
$(xml).find("marker").each(function(){
         
            var name = $(this).find('nombre_medico').text(); 
            //var address = $(this).find('address').text(); 
            var address = "holaaa"; 
             
             
            // create a new LatLng point for the marker 
            var lat = $(this).find('latitud').text(); 
            var lng = $(this).find('longitud').text(); 
            var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng)); 
             
 
            bounds.extend(point); 
             
            var marker = new google.maps.Marker({ 
                position: point, 
                map: map 
            }); 
            
            markerArray.push(marker );
 
            var infoWindow = new google.maps.InfoWindow(); 
            var html='<strong>'+name+'</strong.><br />'+address; 
            google.maps.event.addListener(marker, 'click', function() { 
                infoWindow.setContent(html); 
                infoWindow.open(map, marker); 
            }); 
            map.fitBounds(bounds); 
        });  
}
 

ahora cuando quieras borrar las marcas, llamas a la funcion borrarMarcas...

Código Javascript:

function borrarMarcas(){
       for (var i = 0; i < markerArray.length; i++) {
        markerArray[i].setMap(null);
    };
 
    markerArray= [];
    bounds = null;
    bounds = new google.maps.LatLngBounds();
    }
 

[vani18]

ya lo habia resuelto...

la respuesta secreta era, que "var markers" ERA UNA VARIABLE GLOBAL..

ESTA DISPONIBLE, EL LA FUNCION AGREGAR MARCADORES. (MUESTRO LOS MARCADORES)

Y TAMBIEN ESTA DISPONIBLE EN BORRAR MARCADORES..

[ipraetoriux]

... exactamente, si te fijas en el código que te envie yo la llamo var markerArray = []; y es global justamente para poder acceder a ella desde las otras funciones...