Google マップ (v3) にカスタム コントロールを追加しようとしています。他のマップ コントロールのすぐ近くに検索ボックスを配置したいと考えています。その上に div を追加すると<input type="textbox">
、マップ上に表示されます。しかし問題は、テキスト ボックスにアクセスできないことです。その中に何も入力できず、それに集中することさえできません。
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());
では、テキストボックスを通常のように動作させるにはどうすればよいでしょうか?