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/