google api中的addDomListener 如何能绑定列表

Question

如何能绑定左侧的列表 单击后展现图片

Answer 1

通过分析换了一种方法解决利用BootstrapTable这个onClickRow事件函数 然后在单独调用google map的api产生点击循环列表在map中展现图片信息修复bug $element[0].addEventListener('click',fm);  function BootstrapTable() {        $.ajax({            "type": "get",            "url": imgJson,            "async": false,            "success": function (data) {                window.res = data.data;                //console.log(data.data);                $('#table').bootstrapTable({                    data: data.data,                    pagination: true,                    searchAlign: "right",                    buttonsAlign: "left",                    showRefresh: true,                    searchOnEnterKey: false,                    singleSelect: true,                    maintainSelected: false,                    search: true,                    pageSize: 10,                    sortable: false,                    paginationLoop: true,                    toolbar: '#toolbar',        // 工具栏ID                    toolbarAlign: 'right',        // 工具栏对齐方式                     onClickRow: function (item, $element) {                        var arr = {};                        arr.Latitude = parseFloat(item.Latitude);                        arr.Longitude = parseFloat(item.Longitude);                        var latLng = new google.maps.LatLng(arr.Latitude, arr.Longitude);                        var fm = mapLine.markerClickFunction(item, latLng);                        $element[0].addEventListener('click',fm);                    },                                  columns: [                        {                            field: 'id',                            align: 'center',                            title: 'id'                        },                        {                            field: 'photo_title',                            align: 'center',                            title: 'photo_title'                        },                        {                            field: 'photo_time',                            align: 'center',                            title: 'photo_time'                        }                    ]                });            }        });    };