выделите последнюю нажатую кнопку в API карт Google

Question

Я добавляю пользовательские элементы div на свою карту Google, используя код отсюда http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomExample У меня есть 3-4 кнопки, как выделить последний нажатый?

Answer 1

Добавить имя класса к границе управления всех пользовательских кнопок перед добавлением.Например:

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 .