突出显示google maps api中最后点击的按钮

Question

我正在使用此处的代码向我的Google地图添加自定义div元素 http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomExample 我有3-4个按钮，如何突出显示最后点击的按钮？

Answer 1

在追加之前，将类名添加到所有自定义按钮的控件边框。 E.g：

controlUI.className = 'button';

添加一个功能以突出显示当前的自定义按钮：

function hightlightButton(oElement) {
    var aButtons = document.getElementsByClassName('button');
    for (var i = 0; i < aButtons.length; i++) {
        aButtons[i].style.backgroundColor = "white";
    }
    oElement.style.backgroundColor = "yellow";
}

在点击处理程序中添加以下行以调用新函数：

hightlightButton(this);

另见jsfiddle。