Google MapsカスタムコントロールへのJQueryイベントのバインド

Question

Googleマップにカスタムコントロールを追加し、CSSとJQueryでスタイルを変更しようとしています。私はドキュメンテーションを読んだことがあります。私が何かを逃していない限り、それは私が走っている問題をカバーしていません。ここで

今すぐ

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

...参照のためのマークアップ、スタイリング、そしてjQueryのですが、私はマニュアルに示されただけのようなマップに制御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イベントからアクセスできないようです。

私はオブジェクトとWebkit JS Consoleの検査など、これを解決するためにさまざまなことをテストしてきました。私はJQueryが実際にオブジェクトを選択することを発見しましたが、マウスからイベントを聞くことはありません。

ボタンのクラスを動的に変更する機能はこのプログラムには必須ではありませんが、これを機能させることができればいいと思います。

ありがとうございました！

Answer 1

カスタムグーグルマップは自分自身を制御いじり

私は一緒に簡単な例を投げ、それは感謝、母 http://jsfiddle.net/bwah6/4/