谷歌地图自动完成IOS在离子2



我正在我的IOS Ionic 2应用程序中使用Google Auto Complete。当我开始在字段中输入地址时,匹配的地址在下拉列表中显示正常,但如果我选择一个地址,则不会填充离子输入字段。谁能帮我解决这个问题?

这是我的模板:

<ion-item>
<ion-input id="journey_from" name="journey_from" type="text" placeholder="" [(ngModel)] = "location"></ion-input>
</ion-item>

这是我的组件:

  ngAfterViewInit(){
    let options = {
      componentRestrictions:{
        country: 'IN'
      },
      types: ['(regions)']
    }
    let input = document.getElementById('autocomplete').getElementsByTagName('input')[0];
    let autoComplete = new google.maps.places.Autocomplete(this.autocomplete.nativeElement,options );
    google.maps.event.addListener(autoComplete,'place_changed', () => {
     this.placeSelect = autoComplete.getPlace();
 this.location= this.placeSelect.formatted_address;
     this.changeDetect.detectChanges();   });

更新

您可能使用的是CDVUIWebViewEngine。尝试更新到 WKWebView 以解决您的问题;)您可以在此处找到如何升级 Web 视图引擎。如果你使用angularhttp,你需要在iOS上使用ionic-native@http(解决angular-http和WKWebView问题的最佳方法(。祝大家好运:D

相关内容

  • 没有找到相关文章

最新更新