Google Maps 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/