Comments on: Let’s Build an AutoSuggest Lightning Component with Google Places API

By: Shiv Kumar

Shiv Kumar — Mon, 30 May 2022 05:22:09 +0000

Can you share your helper code pls.

By: Michael Soriano

Michael Soriano — Mon, 25 Apr 2022 15:44:54 +0000

In reply to Zee. The key is in server-side code. It is not viewable by client. I agree that it shouldn't be hardcoded, there are ways to store this elsewhere that is more secure. But that goes beyond the scope of the tutorial.

By: Zee

Zee — Thu, 14 Apr 2022 16:41:52 +0000

In this example, I can probably easily get your ‘key’. What security is in place to prevent me from finding your key and then using it myself? Is there configuration on the google side that only allows requests from certain domains?

By: Michael Soriano

Michael Soriano — Wed, 17 Apr 2019 01:08:03 +0000

In reply to Joe. I don't have the source in a public repo. But you can follow the steps above.

By: Joe

Joe — Wed, 17 Apr 2019 00:10:19 +0000

this class is taking off the bullet, can you pls. share it. thanks

By: Michael Soriano

Michael Soriano — Fri, 25 Jan 2019 16:25:29 +0000

In reply to David Roberts. Thank you as well David for sharing your solution.

By: Michael Soriano

Michael Soriano — Mon, 17 Dec 2018 19:54:39 +0000

In reply to Alex J. Win.getKey() is actually just a local method named getKey(). I've updated the code above.

By: Alex J

Alex J — Sat, 15 Dec 2018 16:53:47 +0000

Could you explain what “Win.getKey()” is exactly? I know you’re supposed to plugin your key in there but I am getting a “Variable does not exist: Win” error upon saving. Thanks!

By: David Roberts

David Roberts — Fri, 07 Dec 2018 12:19:08 +0000

Hi Michael,
Many thanks for this elegant solution and great example.
I, too, was thrown by the helper.callServer hiccup but soon found your page about it.
I also stumbled on Win.get… functions in the class definition until I realised that it represented the name of the ‘controller’ class we’d created and also that that controller class had to be named in the lightning component.
e.g.
I also added implements=”force:appHostable,flexipage:availableForAllPageTypes” so I could add it to pages and, hopefully, mobile devices…
I added the display of latitude and longitude to the component:
You selected: {!v.location} – {!v.latitude},{!v.longitude}
and in method getCityDetails
component.set(‘v.latitude’,placeDetails.result.geometry.location.lat);
component.set(‘v.longitude’,placeDetails.result.geometry.location.lng);
All working now.
I’ll be using this to verify my addresses before using the new lightning map component which fails if the addresses are invalid. I’ll have to do a check on each address I want to map.
So, once again, many thanks.

By: Alejandro

Alejandro — Fri, 26 Oct 2018 19:01:00 +0000

hello Michael Soriano you will have the css class = “city_predictions” so that it takes the effect of autocomplete? Thanks!!!