Javascript 标记器上的Hightlight侧边栏块单击

Javascript 标记器上的Hightlight侧边栏块单击,javascript,jquery,google-maps-api-3,google-maps-markers,Javascript,Jquery,Google Maps Api 3,Google Maps Markers,我现在的谷歌地图代码工作到这样一个程度:如果我点击侧边栏上的链接,就会触发一个标记事件,然后打开信息窗口。单击标记时,我需要做什么来突出显示侧边栏上的块 function createMarkers(point, username, st) { var html = '<b>' + username + '</b> <br/> ' + st; var marker = new google.maps.Marker({ posi

我现在的谷歌地图代码工作到这样一个程度:如果我点击侧边栏上的链接,就会触发一个标记事件,然后打开信息窗口。单击标记时,我需要做什么来突出显示侧边栏上的块

function createMarkers(point, username, st) {
    var html = '<b>' + username + '</b> <br/> ' + st;

    var marker = new google.maps.Marker({
        position: point, 
        map: map, 
        //zIndex: Math.round(point.lat()*-100000)<<5,
        title: username
    });

    //Closes any open infowindow while clicking on another marker
    infowindow = new google.maps.InfoWindow();
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.close();
        infowindow.setContent(html);
        infowindow.open(map, marker);
    });

    markersArray.push(marker);

    return marker;
}
函数createMarkers(点、用户名、st){
var html=''+username+'
'+st; var marker=new google.maps.marker({ 位置:点,, 地图:地图,
//zIndex:Math.round(point.lat()*-100000)修改
单击
侦听器,如下所示:

 google.maps.event.addListener(marker, 'click', function() {
    infowindow.close();
    infowindow.setContent(html);
    infowindow.open(map, marker);
    $("#sidebarTxt").toggleClass("new_style"); // this line adds the new_style to  sidebarTxt span
});
你有什么风格

.new_style {
    border: 1px solid red;
}

修改
单击
侦听器,如下所示:

 google.maps.event.addListener(marker, 'click', function() {
    infowindow.close();
    infowindow.setContent(html);
    infowindow.open(map, marker);
    $("#sidebarTxt").toggleClass("new_style"); // this line adds the new_style to  sidebarTxt span
});
你有什么风格

.new_style {
    border: 1px solid red;
}

我还发现此链接非常有用:我还发现此链接非常有用: