I’ve been trying to implement the Google Places Autocomplete functionality in an Ionic 2 app. I have got it to work successfully as described here: https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete i.e in my html I have a field: <input id="journey_from" nam…

Yes, thanks, I’d seen that and used it actually. What I forgot to say was that this works fine in the browser (using ion-item) but not on the device.

hey, @richardshergold I have same issue on iOS devices. Do you know how to fix it? Thanks!

I´ve been able to do an implementation using a modal to load the predictions (which is more user friendly than adding a dropdown to an input), you can follow the code in github https://github.com/guillefd/gmapsAutocomplete-RC1

<ion-input> adds a wrapper on <input> element. The trick (although not that clean) is to simply grab the hidden input element. eg. HTML <ion-item> <ion-label floating>Home Address</ion-label> <ion-input id="txtHome" type="text"></ion-input> </ion-item> Javascri…

I have same issue on IOS device. Could anyone help me how to solve?

I am also using this Google Places Autocomplete in Segment, If I use this Google Autocomplete in 1st segment its working fine. But when I use the same in 2nd segment it’s not working. Can any one help me out with this issue. Below is my code: <ion-toolbar no-border-top class="segment-wrap"> <i…

Up :slight_smile: Any solutions please ?

@Hollywood and @AkashM08 the key is that if you are using a segment (or anything that shows/hides based on template directives [*ngIf, *ngSwitchCase, etc.] you need to remember that the DOM for those elements isn’t even created until you switch to that tab/segment - and if you LEAVE, the DOM element…

[image] dusk13: I have same issue on iOS devices. Do you know how to fix it? Yes,I have same issue on iOS. Did you got solution ?

Google Places Autocomplete on an ion-input component in Ionic

Ionic Framework ionic-v3

nanexcool May 24, 2016, 5:52pm 2

An ion-input is a wrapper for an input element, you need to find what that input element is and feed that to the Google API.

Check this previous discussion and see if that works for you:

Topic		Replies	Views
Google Places Autocomplete doesn't register when on mobile device ionic-v3	3	959	December 11, 2016
How to Make Google Autocomplete Places API work with Ion-Searchbar ionic-v3	0	829	January 4, 2018
Using Google Places API and Autocomplete with Ionic 4 Ionic Native	13	20064	May 27, 2021
Google maps autocomplete integration Ionic Framework	23	6044	September 8, 2020
Ionic google place autocomplete ionic-v3	2	5231	April 16, 2020

Google Places Autocomplete on an ion-input component in Ionic

Related topics