C#ext.net:（解决方法？）InvalidValueError:不是“HTMLInputElement”的实例（谷歌地图自动完成）

我正在尝试在

ext.Net

中使用

googlemaps autocomplete

。我知道

googleautocomplete

只支持

window.HTMLInputElement（输入标签）

。有没有可行的解决办法

代码

Javascript

var placeSearch，自动完成；
变量组件形式={
街道编号：“短名称”，
路线：'long_name'，
地点：'long_name'，
行政区域级别1:“短名称”，
国家：'long_name'，
邮政编码：“短名称”
};
函数initAutocomplete（）{
//创建自动完成对象，将搜索限制为地理位置
//位置类型。
autocomplete=new google.maps.places.autocomplete(
/**@type{！HTMLInputElement}*/（document.getElementById（'autocomplete'），
{类型：['geocode']}）；
//当用户从下拉列表中选择地址时，填充该地址
//表单中的字段。
autocomplete.addListener（'place\u changed'，fillInAddress）；
}
函数fillInAddress（）{
//从自动完成对象获取位置详细信息。
var place=autocomplete.getPlace（）；
for（componentForm中的var组件）{
document.getElementById（组件）.value=''；
document.getElementById（组件）.disabled=false；
}
//从place details中获取地址的每个组件
//并在表单上填写相应的字段。
对于（变量i=0；i

---

下面是两个字段，如果使用

，TextField的问题在于呈现时间，当您调用initialize函数时，输入标记还不可用

初始化从TextField AfterRender事件自动完成，如下所示：

编辑：抱歉，如果我不够清楚，您必须替换处理程序中的所有内容，我编辑了示例。另外，从API调用中删除回调&callback=initAutocomplete

<ext:TextField ID="autocomplete" runat="server">
    <Listeners>
        <AfterRender Handler="
                autocomplete = new google.maps.places.Autocomplete(
                        (document.getElementById('autocomplete-inputEl')),
                        { types: ['geocode'] });            
                autocomplete.addListener('place_changed', fillInAddress);                                                  
            ">
        </AfterRender>
    </Listeners>
</ext:TextField>


您想用什么来代替输入标记？TextField？是的，@FabioBarros check edited post如果我用initAutocomplete（）替换注释行，我会得到以下错误：
无法读取未定义的属性“Autocomplete”，而我已加载正确的API键和库=位置
<script src="https://maps.googleapis.com/maps/api/js?key=[API_KEY]&libraries=places&callback=initAutocomplete"
    async defer></script>

<td class="wideField" colspan="3">
            <%--<input class="field" id="locality"
              disabled="true">

            </input>--%>
            <ext:TextField ID="autocomplete" runat="server" EmptyText="Enter your address">
            <Listeners>
                <AfterRender Handler="
                    // Create the autocomplete object, restricting the search to geographical
                      // location types.
                      autocomplete = new google.maps.places.Autocomplete(
                          /** @type {!HTMLInputElement} */(document.getElementById('autocomplete-inputEl')),
                          { types: ['geocode'] });

                      // When the user selects an address from the dropdown, populate the address
                      // fields in the form.
                      autocomplete.addListener('place_changed', fillInAddress);
                    var input = document.getElementById('autocomplete-inputEl');          
         var searchBox = new google.maps.places.SearchBox(input);   
                                "
                    />
            </Listeners>
        </ext:TextField>

        </td>

<ext:TextField ID="autocomplete" runat="server">
    <Listeners>
        <AfterRender Handler="
                autocomplete = new google.maps.places.Autocomplete(
                        (document.getElementById('autocomplete-inputEl')),
                        { types: ['geocode'] });            
                autocomplete.addListener('place_changed', fillInAddress);                                                  
            ">
        </AfterRender>
    </Listeners>
</ext:TextField>