Я пытаюсь добавить некоторые пользовательские элементы управления в Карты Google и стилизовать их с помощью CSS и JQuery.Я прочитал документацию, и если я что-то пропустил, она не покрывает проблему, с которой я сталкиваюсь.
Вот разметка, стиль и JQuery для справки ...
http://jsbin.com/uxewuf/5/edit#source
Теперь я добавляю элементы управления div на карту, как было показано вдокументация.
var controls = document.createElement('DIV');
var container1 = document.createElement('DIV');
var button1 = document.createElement('DIV');
$(container1).css('float','left');
$(button).addClass('inactive');
container1.appendChild(button);
controls.appendChild(container1);
//leaving out the code for the other button to save space....
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controls);
Хотя это действительно добавляет элементы управления на карту, кажется, что эти div не могут быть доступны для событий JQuery.
Я тестировалразличные вещи в попытке решить эту проблему, такие как проверка объектов и консоли WebSit JS.Я обнаружил, что JQuery действительно выбирает объекты, но он не «слышит» события от мыши.
Хотя возможность динамического изменения классов кнопок не является существенной для этой программы, было бы неплохо, если бы я мог заставить это работать.
Спасибо за помощь!