Question

hi I’m trying to add to button inside an info window an event i tried like this

var infoWindow = new google.maps.InfoWindow({
    content: '<div></br><span class="formatText">Ubicacion del Marcador: </span>' + event.latLng.toString() 
            + '</br> <input type="button" id="btnPrueba" value="prueba"/></div>'
});

google.maps.event.addListener(marker, 'click', function () {
    infoWindow.open(map, this);
    google.maps.event.addDomListener(document.getElementById('btnPrueba'), 'click', removeMarker);
});

function removeMarker(){

    alert('it works');
}

What am i doing wrong? or it’s another way to do this?. Thanks

Edit

I’m also tried with jquery like this but although the event it’s get by the function the alert doesn’t show. When i do the debug with chrome it’s works 🙁

google.maps.event.addListener(marker, 'click', function () {
    infoWindow.open(map, this);
    $("#btnPrueba").click(function () {

        alert('funciona');
    });
});

Answer 1

Try the “onclick” attribute for the button.

'<input type="button" id="btnPrueba" value="prueba" onclick="removeMarker()"/>'