javascript - Google map 点击 Div 触发 InfoWindow

Question

好吧，我已经尝试了这里的大量示例，但我似乎无法让信息窗口正确附加元素。我确信我的结构是完全错误的。

我制作了自己的侧边栏，看看这个:http://koti.mbnet.fi/ojalesa/boundsbox/makemarker_sidebar.htm这应该是可能的。但我看不出与我的代码有什么不同。

这是我的 AddMarker 和添加侧边栏功能

function addMarker(location, name, content) {

       console.log("Adding Marker: "+location)
        if (name === "Patient"){
            var patient_icon = '<?php echo base_url();?>images/Profile.png';
            var marker = new google.maps.Marker({
                position: location,
                map: map,
                title: name,
                icon: patient_icon
            });
        }else{
            var marker = new google.maps.Marker({
                position: location,
                map: map,
                title: name
            });
        }
        markersArray.push(marker);
        var info = new google.maps.InfoWindow ({content: content})
        google.maps.event.addListener(marker, 'click', function(){info.open(map,marker);});
        if (name != 'Patient'){
            sidebar(name, marker, content)
        }
    }

function sidebar(name, marker, content){
    name = name.replace(/\s+/g, '');
    $("<div id='"+name+"'class='even' onclick=' function(){google.maps.event.trigger("+marker+", \"click\")' >"+content+"</div>").appendTo($('#prov_list'));
}

侧边栏元素上的 Onclick 函数什么都不做，我错过了什么？

谢谢!

Answer 1

你可以尝试这样的方法，我认为问题出在字符串连接上。

这是创建 dom 元素的另一种方法:

        $("<div/>", {
            'id': name,
            'class': 'even',
            'html': content
        }).click(function(){
            google.maps.event.trigger(marker, 'click');
        }).appendTo($('#prov_list'));