autocomplete on ios doen not work

[ghost]

Hi,
Autocomplete on ios doen not work. It is not possible to select the address in the result.
I searched for a solution but none so far. Here are some links to usefull solutions, but none refering to ionic 2 and typescript.
ionic-team/ionic-framework#1798
https://forum.ionicframework.com/t/google-autocomplete-place-changed-doesnt-trigger-on-ios-only/51442/7

[ghost]

I got the solution. This one works with the ion-searchbar.
Replace the autocomplete:

autocomplete() {
this._loader.load().then(() => {
let autocomplete = new google.maps.places.Autocomplete(this.searchbar.nativeElement.querySelector('.searchbar-input'), {
types: ["geocode"]
});
autocomplete.addListener("place_changed", () => {
this.zone.run(() => {
//get the place result
let place: google.maps.places.PlaceResult = autocomplete.getPlace();

                //set latitude, longitude and zoom
                this.map.lat = place.geometry.location.lat();
                this.map.lng = place.geometry.location.lng();
                this.map.zoom = 12;
                console.log(place);
                Keyboard.close();
            });
        });
    });
}

add the refernce to ElementRef
import { ElementRef } from '@angular/core';

Add this:
@ViewChild('searchbar', {read: ElementRef}) searchbar: ElementRef;

In map.html use:
<ion-searchbar color="primary" id="autocomplete" type="text" name="title" [formControl]="searchControl" #searchbar placeholder="search....">

Reference:
ionic-team/ionic-framework#7223

https://forum.ionicframework.com/t/getelementbyid-ion-input/43920/10

[yuhueilee]

You can also use:
@ViewChild(IonSearchbar, {static: false}) searchBar: IonSearchbar;
and place the following in ngAfterViewInit():
this.searchBar.getInputElement().then(input => {const autocomplete = new google.maps.places.Autocomplete(input, { types: types });})