编程语言
首页 > 编程语言> > javascript – 在信息窗口google maps v3中添加事件处理程序元素

javascript – 在信息窗口google maps v3中添加事件处理程序元素

作者:互联网

嗨,我正在尝试添加到信息窗口内的按钮,我尝试这样的事件

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');
}

我究竟做错了什么?或者这是另一种方法吗?谢谢

编辑

我也尝试过像这样的jquery但是虽然事件是由函数得到的警报没有显示.当我使用chrome进行调试时,它的工作原理:(

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

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

解决方法:

尝试按钮的“onclick”属性.

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

标签:infowindow,javascript,jquery,google-maps-api-3
来源: https://codeday.me/bug/20190826/1735366.html