谷歌地图v3，与文本框自定义控件：无法执行输入

Question

我想添加一个自定义控件到我的谷歌地图（V3）：我想有一个搜索框只是附近的其他地图控件。所以我在其上添加一个<input type="textbox">的div，并将其显示在地图上。但问题在于文本框无法访问：我无法在其中输入任何内容，甚至不能关注它。

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()); 

那么，我应该怎么做才能让我的文本框像正常的那样行事？

Answer 1

适用于我：http://jsfiddle.net/cFpkt/