google-maps - Google map v3，带有文本框的自定义控件 : can't perform input

Question

我正在尝试向我的谷歌地图(v3)添加自定义控件:我希望搜索框位于其他 map 控件附近。所以我添加了一个 div <input type="textbox">就在它上面，并且它正在 map 上显示。但问题是文本框无法访问:我无法在其中输入任何内容，甚至无法关注它。

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/