Google지도 사용자 정의 컨트롤에 JQuery 이벤트를 바인딩하십시오.

Question

Google지도에 사용자 정의 컨트롤을 추가하고 CSS 및 JQuery로 스타일을 지정하려고합니다. 나는 설명서를 읽었으며, 내가 놓친 것이 아니라면, 내가 겪고있는 문제를 다루지는 않는다. 여기

내가 문서에 나타내었다 것처럼 맵에 제어 된 div를 추가, 지금은 ... 참조

http://jsbin.com/uxewuf/5/edit#source

마크 업, 스타일이며, JQuery와.

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 이벤트에서 액세스 할 수없는 것 같습니다.

저는 객체와 Webkit JS Console을 검사하는 것과 같은 문제를 해결하기 위해 다른 것들을 테스트 해 왔습니다. JQuery가 실제로 객체를 선택한다는 것을 알았지 만 마우스에서 이벤트를 듣지는 않습니다.

버튼의 클래스를 동적으로 변경하는 기능은이 프로그램에 필수적인 것은 아니지만이 기능을 작동 시키면 좋을 것입니다.

도움 주셔서 감사합니다. 사용자 정의 구글지도 장난

는

Answer 1

, 자신

내가 함께 간단한 예를 던졌다 제어가 http://jsfiddle.net/bwah6/4/