Google지도 v3, 텍스트 상자가있는 맞춤 컨트롤 : 입력을 수행 할 수 없습니다.

Question

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

그렇다면 텍스트 상자를 정상적인 동작처럼 만들려면 어떻게해야합니까?

Answer 1

나를위한 작업 : http://jsfiddle.net/cFpkt/