Estoy trabajando con marcadores en google map y me sucede lo siguiente
tengo esta variable donde llamo a las imagenes que subo a la base de datos y en la cual utilice una consulta para poder poner dos imagenes dentro de una sola fila (GROUP_CONCAT)
var imagen = markers[i].getAttribute("imagen");
imagen = imagen.split(",");
Y aca muestro esas imagenes.
var html = '<div id="iw-container">' +
'<a href="'+imagen[0]+'" data-lightbox="roadtrip"><img src="'+imagen[0]+'"width=100" height="100"></a>'+
'<a href="'+imagen[1]+'" data-lightbox="roadtrip"><img src="'+imagen[1]+'"width=100" height="100"> </a>'+
'<a href="'+imagen[2]+'" data-lightbox="roadtrip"><img src="'+imagen[2]+'"width=100" height="100"> </a>'+
'</div>';
El problema es que si un marcador tiene menos de 3 imagenes , por ejemplo 2 , una de las imagenes aparece rota. obviamente porq no esta definida. (<img src="undefined" width="100;" height="100">)
Quisiera saber si hay alguna funcion o algo que verifique que si alguna imagen tiene como "SRC" undefined , la remueva o la oculte o haga algo para que no aparezca.
Cualquier ayuda me va a venir bien , gracias.