Google Maps v3, benutzerdefiniertes Steuerelement mit Textfeld: kann keine Eingabe durchführen

Question

Ich versuche, ein benutzerdefiniertes Steuerelement zu meiner Google Map hinzuzufügen (v3): Ich möchte Suchfeld nur in der Nähe der anderen Map-Steuerelemente haben. Also füge ich ein div mit <input type="textbox"> hinzu und es wird auf der Karte angezeigt. Aber das Problem ist, dass das Textfeld nicht zugänglich ist: Ich kann nichts darin eingeben oder mich sogar darauf konzentrieren.

function SearchBox() { 
    var searchTextBox = $('<input type="text" id="txtGeoSearch" />'); 

    var div = $('<div class="geoSearchBox"></div>') 
     .append($('<span>Search:</span>')) 
     .append(searchTextBox); 

    return div.get(0); 
} 

// inside init() 
geoMap.controls[google.maps.ControlPosition.TOP_LEFT].push(new SearchBox()); 

Also was soll ich tun, damit meine Textbox sich wie normal verhält?

Answer 1

Funktioniert für mich: http://jsfiddle.net/cFpkt/