fluttercommunity / flutter_google_places

Google Places - Google places autocomplete widgets for flutter. No wrapper, use https://pub.dev/packages/google_maps_webservice. Maintainer: @juliansteenbakker

flutter_google_places

This library provides Google places autocomplete widgets for flutter. It uses google_maps_webservice library which directly refer to the official documentation for google maps web service.

According to https://stackoverflow.com/a/52545293, you need to enable billing on your account, even if you are only using the free quota.

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

dependencies:
  flutter_google_places: <latest_version>

Usage

const kGoogleApiKey = "API_KEY";

Prediction p = await PlacesAutocomplete.show(
                          context: context,
                          apiKey: kGoogleApiKey,
                          mode: Mode.overlay, // Mode.fullscreen
                          language: "fr",
                          components: [new Component(Component.country, "fr")]);

Examples:

Example App

View the Flutter app in the example directory.

flutter_google_places's Issues

Shorter naming pattern

Thank you for this awesome plugin. It has really useful functionality.

In my opinion, though it's a bit developer unfriendly with its long name. I would suggest deprecating this plugin and replacing it with a new one called "places_autocomplete" because it's clear it's a flutter plugin. We don't need this information in the name. Same applies to the word Google. It's just boilerplate. I would also change the function name from "showGooglePlacesAutocomplete" to "showAutocomplete".

the overlay mode does get hidden by the new iPhone X top notch

PlacesAutocomplete does not displays list.

I followed the steps mentioned in the readme file but the autocomplete widget is not returning any results.
FYI: Created a new API key in google console (Places SDK Android)

Incompatible constructor with GoogleMapsPlaces

Need Fix:
Fix lib/src/flutter_google_places.dart. (-25 points)

Analysis of lib/src/flutter_google_places.dart failed with 1 error:

line 324 col 31: Too many positional arguments: 0 expected, but 1 found.

apiKey parameter now optional.

App crashes when search prediction is clicked

When the any of the prediction is clicked, the app crashes and the debug stops automatically.
Device: Redmi Note 4
Flutter version: 1.6.3

Restarted application in 2,320ms.
W/ResourceType(12219): No package identifier when getting name for resource number 0x00000000
I/Google Maps Android API(12219): Google Play services package version: 17455021
I/art     (12219): Do full code cache collection, code=506KB, data=486KB
I/art     (12219): After code cache collection, code=490KB, data=447KB
W/ResourceType(12219): No package identifier when getting name for resource number 0x00000000
W/ResourceType(12219): No package identifier when getting name for resource number 0x00000000
E/AndroidRuntime(12219): FATAL EXCEPTION: AsyncTask #2
E/AndroidRuntime(12219): Process: com.example.memories, PID: 12219
E/AndroidRuntime(12219): java.lang.RuntimeException: An error occurred while executing doInBackground()
E/AndroidRuntime(12219): 	at android.os.AsyncTask$3.done(AsyncTask.java:318)
E/AndroidRuntime(12219): 	at java.util.concurrent.FutureTask.finishCompletion(FutureTask.java:354)
E/AndroidRuntime(12219): 	at java.util.concurrent.FutureTask.setException(FutureTask.java:223)
E/AndroidRuntime(12219): 	at java.util.concurrent.FutureTask.run(FutureTask.java:242)
E/AndroidRuntime(12219): 	at android.os.AsyncTask$SerialExecutor$1.run(AsyncTask.java:243)
E/AndroidRuntime(12219): 	at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1133)
E/AndroidRuntime(12219): 	at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:607)
E/AndroidRuntime(12219): 	at java.lang.Thread.run(Thread.java:760)
E/AndroidRuntime(12219): Caused by: java.lang.RuntimeException: Methods marked with @UiThread must be executed on the main thread. Current thread: AsyncTask #2
E/AndroidRuntime(12219): 	at io.flutter.embedding.engine.FlutterJNI.ensureRunningOnMainThread(FlutterJNI.java:605)
E/AndroidRuntime(12219): 	at io.flutter.embedding.engine.FlutterJNI.invokePlatformMessageResponseCallback(FlutterJNI.java:556)
E/AndroidRuntime(12219): 	at io.flutter.embedding.engine.dart.DartMessenger$Reply.reply(DartMessenger.java:131)
E/AndroidRuntime(12219): 	at io.flutter.plugin.common.MethodChannel$IncomingMethodCallHandler$1.success(MethodChannel.java:225)
E/AndroidRuntime(12219): 	at com.aloisdeniel.geocoder.GeocoderPlugin$1.doInBackground(GeocoderPlugin.java:79)
E/AndroidRuntime(12219): 	at com.aloisdeniel.geocoder.GeocoderPlugin$1.doInBackground(GeocoderPlugin.java:72)
E/AndroidRuntime(12219): 	at android.os.AsyncTask$2.call(AsyncTask.java:304)
E/AndroidRuntime(12219): 	at java.util.concurrent.FutureTask.run(FutureTask.java:237)
E/AndroidRuntime(12219): 	... 4 more
I/Process (12219): Sending signal. PID: 12219 SIG: 9
Lost connection to device.
Exited (sigterm)

Handling no connection to the API / SocketException

At present in doSearch it is assumed that a response can be obtained. When there is no internet connection, SocketException is thrown with no exposed callback.

Get latitude and longitude

Hello,

Thank you very much for your flutter plugin.
I have a question and it is very important for me, is it possible to get the location of the user selected Prediction ?

Thanks in advance

If a place is not there in the search list then the widget should return entered text.

If the user is not able to find for a place in the search list then by clicking done on the keyboard widget should return entered text.

Multiple countries?

I need to restrict search results to US & Canada only. The web api allows passing an array as a component value but how do I achieve that using this plugin?

How to set Logo in PlacesAutocompleteField ?

I know the option is available in PlacesAutocomplete, but the parameters of PlacesAutocompleteField still cannot access the Logo Widget.

Thanks for any help!

How to add this with my custom text field

I have two text field , from address and to address. How to show prediction addresses when user type in

tried to run example project in in flutter, got some gradle NDK error!!!!!

No named parameter With name sessionToken

Getting below error when updated to v0.2.2. Any help is appreciated

---

compiler message:
file:///Users/Account/Development/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_google_places-0.2.2/lib/src/flutter_google_places.dart:375:9: Error: No named parameter with the name 'sessionToken'.
sessionToken: widget.sessionToken,
^^^^^^^^^^^^

Strange autocomplete

Well, first of all, please watch this video on imgur
It's my application with your lib (and yes, it's based on shrine app, just for tests).

• The first problem is that label 'powered by Google' is really low resolution. Better change it, seriously.
• The second problem is that text field implementing my themed text field. It looks really awkward.
• FIXED: The third problem is that I don't get any result on my screen. When I type something to search, I only see how textfield and button are duplicating on the bottom (micro lag), but there's no any normal answer.

P.S. I want to search cities. By default I used administrative_area_3 when I used Java. So here's not working anything. Tried to update from 0.0.4 to 0.0.5, but it didn't fix my problems.

Code

import 'package:flutter_google_places_autocomplete/flutter_google_places_autocomplete.dart';

const kGoogleApiKey = "private";

GoogleMapsPlaces _places = new GoogleMapsPlaces(kGoogleApiKey);

class Backdrop extends StatefulWidget {
	@override
	_BackdropState createState() => _BackdropState();
}

Future<Null> displayPrediction(Prediction p, ScaffoldState scaffold) async {
	if (p != null) {
		// get detail (lat/lng)
		PlacesDetailsResponse detail = await _places.getDetailsByPlaceId(p.placeId);
		final lat = detail.result.geometry.location.lat;
		final lng = detail.result.geometry.location.lng;

		scaffold.showSnackBar(
			new SnackBar(content: new Text("${p.description} - $lat/$lng")));
	}
}

..Somewhere in state code:
IconButton(
	icon: Icon(Icons.location_searching),
	onPressed: () async {
		Prediction p = await showGooglePlacesAutocomplete(
			context: context,
			apiKey: kGoogleApiKey,
			onError: (res) {
				homeScaffoldKey.currentState.showSnackBar(
					new SnackBar(content: new Text(res.errorMessage)));
			},
			mode: _mode
	);
		displayPrediction(p, homeScaffoldKey.currentState);
	},
)

Theme

inputDecorationTheme: InputDecorationTheme(
      border: OutlineInputBorder(borderRadius: BorderRadius.all(Radius.circular(4.00))),
      contentPadding: EdgeInsets.symmetric(vertical: 12.50, horizontal: 10.00)
    ),

Update

Okey, my appologies, I'm a little bit dumb. I fixed search results by deleting language and component. Yay 🤣

But anyway, thanks in advance.

Provide selective data for better billing

The new Places API Billing model has free basic data and paid extra data (like contact data) as seen here: https://developers.google.com/places/android-sdk/usage-and-billing

I took a quick look at the samples and couldn't see how to pass which data I want from the API.

Google just announced a depreciation on its Android and iOS Places API, the new Android API can be seen here: https://developers.google.com/places/android-sdk/client-migration and this link shows how we can select which data we want back from the API for better billing (including session Tokens).

It would be nice to have a similar API here in Flutter (although I miss the ability to cancel ongoing networking operations that are not more relevant).

Add description that inlcude flutter

A flutter plugin for Google Places Autocomplete

Session tokens usage

Hi,

there is a way to use session tokens to group together autocomplete requests for billing purposes?

Thank you.

Any idea why my given Location is ignored?

Although I pass a nearby locations the results are still worldwide.
Any idea?
Thanks

How to get only name city

Hello,
Thank you very much for your flutter plugin.
I have a question, is it possible to get only name city of Place

I used the code to get name Place
new Text("${p.description} - $lat/$lng"))

• Ex: Heathrow Airport (LHR), Longford, UK
• I want: Longford

Thanks in advance

Unable to type into autocomplete field

Awesome work putting these libraries together!

The example app appears to run great on iOS. However when I try and use it in my own app my on screen keyboard no longer detects the keyboard strokes. The app is still responsive as I can back out of the autocomplete (and the debugger notices this by setting the future/prediction to null)

Have you seen this before and if so how would you fix it?

Update to rxdart 0.22.0

Hi,
I use some packages that depend on rxdart 0.22.0.
Is it possible for you to update the dependency to rxdart from 0.21.0 to 0.22.0?
Thanks a lot,
Michael

How can i get Address not country only

Please anyone now an answer send it to me i am working on project

Get lat and lng from form field

Hello! Love the library, but I am wondering if there is a way to get more information (such as the lat and lng) from the form field. This is my current code:

final autoCompleteField = PlacesAutocompleteFormField(
      apiKey: "APIKEY",
      mode: Mode.overlay,
      language: "en",
      controller: _addressController
    );

I was wondering where I would access the place object to get the information I am looking for.

Thanks.

update the http version

Currently http version used is 0.11.3
Available version is 0.12.0

Problem faced due to old version of http package is =>
Because every version of rozana_api_service from git depends on jaguar_retrofit 2.8.6 which depends on http ^0.12.0, every version of rozana_api_service from git requires http ^0.12.0.

And because flutter_google_places >=0.2.0 depends on http ^0.11.3, rozana_api_service from git is incompatible with flutter_google_places >=0.2.0.
So, because rozana_customer_app depends on both flutter_google_places 0.2.0 and rozana_api_service from git, version solving failed.

Dart 2 typing issue

[VERBOSE-2:dart_error.cc(16)] Unhandled exception:
type 'List' is not a subtype of type 'List<String>' in type cast where
  List is from dart:core
  List is from dart:core
  String is from dart:core

#0      Object._as (dart:core/runtime/libobject_patch.dart)
#1      new Prediction.fromJson (package:google_maps_webservice/src/places.dart:621:25)
#2      PlacesAutocompleteResponse._predictions (package:google_maps_webservice/src/places.dart:572:27)
#3      new PlacesAutocompleteResponse.fromJson (package:google_maps_webservice/src/places.dart:580:11)
#4      GoogleMapsPlaces._decodeAutocompleteResponse (package:google_maps_webservice/src/places.dart:263:11)
#5      GoogleMapsPlaces.autocomplete (package:google_maps_webservice/src/places.dart:115:12)
<asynchronous suspension>

Use the widget like the regular widget

Maybe I missed something, Is there any way to insert this widget like a TextField at any location within the form instead of popup at the top which looks weird? That will make it more usable.

[Doc] android api key is not working with map android sdk

this gives error:::This IP, site or mobile application is not authorized to use this API key

How to clear update input field?

Is there any way to set or clear input field? For example, I have a button to clear input filed in the app bar. _queryTextController is not accessible may b there should be a setter.

Update docs/example

Getting the Place Details using AutoCompleteTextField

Hello,

Is there a way to get the place details using autocompletetextfield of this plugin?

Regards,

how to set a restriction of autocomplete result

Hello.
Is it possible to set city restriction of autocomplete result?
I know this code( Component(Component.country, "uk") ) is for the country, but I need to have a function that can find addresses in only restricted city and country.
I have tried with Component(Component.locality, "London") and Component(Component.administrativeArea, "London"), but it is showing no results.
anyone ideas?
Thank you

I get this EXCEPTION when navigating

flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
flutter: The following assertion was thrown building _ScrollableScope:
flutter: 'package:flutter/src/rendering/editable.dart': Failed assertion: line 590 pos 14:
flutter: '_listenerAttached': is not true.
flutter:
flutter: Either the assertion indicates an error in the framework itself, or we should provide substantially
flutter: more information in this error message to help you determine and fix the underlying cause.
flutter: In either case, please report this assertion by filing a bug on GitHub:
flutter: https://github.com/flutter/flutter/issues/new
flutter:
flutter: When the exception was thrown, this was the stack:
flutter: #2 RenderEditable.hasFocus= (package:flutter/src/rendering/editable.dart:590:14)
flutter: #3 _Editable.updateRenderObject (package:flutter/src/widgets/editable_text.dart:1028:9)
flutter: #4 RenderObjectElement.update (package:flutter/src/widgets/framework.dart:4430:12)
flutter: #5 Element.updateChild (package:flutter/src/widgets/framework.dart:2729:15)
flutter: #6 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4803:14)
flutter: #7 Element.updateChild (package:flutter/src/widgets/framework.dart:2729:15)
flutter: #8 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:4803:14)
flutter: #9 Element.updateChild (package:flutter/src/widgets/framework.dart:2729:15)
flutter: #10 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3689:16)
flutter: #11 Element.rebuild (package:flutter/src/widgets/framework.dart:3531:5)
flutter: #12 ProxyElement.update (package:flutter/src/widgets/framework.dart:3947:5)

flutter: #205 Element.updateChild (package:flutter/src/widgets/framework.dart:2729:15)
flutter: #206 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3689:16)
flutter: #207 Element.rebuild (package:flutter/src/widgets/framework.dart:3531:5)
flutter: #208 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2273:33)
flutter: #209 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&SemanticsBinding&RendererBinding&WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:653:20)
flutter: #210 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&SemanticsBinding&RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:208:5)
flutter: #211 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:990:15)
flutter: #212 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:930:9)
flutter: #213 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:842:5)
flutter: #214 _invoke (dart:ui/hooks.dart:128:13)
flutter: #215 _drawFrame (dart:ui/hooks.dart:117:3)
flutter: (elided 2 frames from class _AssertionError)
flutter: ════════════════════════════════════════════════════════════════════════════════════════════════════
flutter: Another exception was thrown: A RenderFlex overflowed by 99348 pixels on the bottom.

Provide feedback in case of error

I had an issue with my API key and got REQUEST_DENIED. In this situation, the UI does not update the result list and the user has no clue that an error occurs. What would be the best way to show/forward that error? Thanks!

cant build apk

when i try build apk with console i have an error:

Initializing gradle...                                       2.6s
Resolving dependencies...                                   11.2s
Gradle task 'assembleRelease'...                                 

Compiler message:
file:///Users/dmitrydyachenko/Desktop/rarare_flutter/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_google_places_autocomplete-0.1.3/lib/src/flutter_google_places_autocomplete.dart:337:35: Error: Too many positional arguments: 0 allowed, but 1 found.
Try removing the extra positional arguments.
    _places = new GoogleMapsPlaces(widget.apiKey);
                                  ^
file:///Users/dmitrydyachenko/Desktop/rarare_flutter/flutter/.pub-cache/hosted/pub.dartlang.org/google_maps_webservice-0.0.11/lib/src/places.dart:20:3: Context: Found this candidate, but the arguments don't match.
  GoogleMapsPlaces({
  ^
Compiler terminated unexpectedly.
 
Gradle task 'assembleRelease'... Done                        9.2s
Gradle task assembleRelease failed with exit code 1

and my pubspec.yaml:

dependencies:
  flutter:
    sdk: flutter

  font_awesome_flutter: 8.0.0
  http: "^0.11.3+16"
  flutter_google_places_autocomplete: ^0.1.3
  #google_maps_webservice: "^0.0.4"
  location: "^1.2.0"
  flutter_map: ^0.1.0
  dio: ^1.0.6
  flutter_facebook_login: "^1.1.1"
  shared_preferences: "^0.4.2"
  cupertino_icons: ^0.1.0
  image_picker: "^0.4.5"
  intl: ^0.15.7
  progress_hud: ^1.1.0
  json_annotation: ^2.0.0


dev_dependencies:
  build_runner: ^1.0.0
  json_serializable: ^2.0.0
  flutter_test:
    sdk: flutter

Unable to load asset: packages/flutter_google_places_autocomplete/assets/google_white.png

I am getting this error every time I try to debug.

Exception has occurred.
Unable to load asset: packages/flutter_google_places_autocomplete/assets/google_white.png

I have tried ^0.1.1 ^0.1.0 still does not work.

Please help...

thnx

Update to RxDart 0.21.0

The current version of the library is uncompilant with the latest version of RxDart (0.21.0):

custom scaffold footer overide not working

I am trying to change powerd by google logo. But its not overriding can you please check it althought it works for overlay

  CustomSearchScaffold()
      : super(
          apiKey: kGoogleApiKey,
          language: "en",
          components: [Component(Component.country, "pk")],
          hint: "Search a location",
          footer: Text("My Footer Text"),
        );

You can use only one Autocomplete

im trying to use two autocomplete widgets when i use the second one it erase me the information from the first.

[dart] Undefined class 'GoogleMapsPlaces'.

Exception

Hi,

I get this exception

setState() called after dispose(): _GooglePlacesAutocompleteOverlayState#5984d(lifecycle state: defunct, not mounted)
This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback. The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().

In line 333 of flutter_google_places_autocomplete.dart
I guess I know why and will make an PR

How to get lat long from Prediction?

Can we get lat long from Prediction object ?

there is no Location object in Prediction constructor:-

final String description;
final String id;
final List terms;

/// JSON place_id
final String placeId;
final String reference;
final List types;

/// JSON matched_substrings
final List matchedSubstrings;

What I have to do to get Location ?

Geoflutterfire and Flutter google places, rxdart conflict

Running "flutter packages get" in xplorr-v2...
Because geoflutterfire 2.0.3+2 depends on rxdart ^0.20.0 and flutter_google_places ^0.1.3 depends on rxdart ^0.19.0, geoflutterfire 2.0.3+2 is incompatible with flutter_google_places ^0.1.3.
So, because xplorr_v2 depends on both geoflutterfire 2.0.3+2 and flutter_google_places ^0.1.4, version solving failed.

'Duration' can't be assigned to the parameter type 'Stream<dynamic> Function(String)'

I just tried to add this to my project, but now it doesn't build. Getting the following error:

Compiler message:
file:///Users/anthony/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_google_places-0.2.2/lib/src/flutter_google_places.dart:359:25: Error: The
argument type 'Duration' can't be assigned to the parameter type 'Stream<dynamic> Function(String)'.
 - 'Duration' is from 'dart:core'.
 - 'Stream' is from 'dart:async'.
Try changing the type of the parameter, or casting the argument to 'Stream<dynamic> Function(String)'.
        .debounce(const Duration(milliseconds: 300))
                        ^

the autocomplete functionality not working

the autocomplete functionality stopped working any ideas what could cause it

update the version of rxdart

Version of rxdart currently used is 0.18.1
Could be updated to 0.19.0

No results coming back

I have been using this dependency for a while now and it used to work. Now all of a sudden, no results are coming back even though I am using the correct api key from Google and have even tried a new api key with no success. I also tried updating flutter_google_places to the latest version with no luck.

Error in pubspec.yaml

Looks like the flutter item has no children and that the build fails:

Launching lib/main.dart on Nexus 5 in debug mode...
Initializing gradle...
Resolving dependencies...
Running 'gradlew assembleDebug'...
Built build/app/outputs/apk/app-debug.apk (23.0MB).
I/FlutterActivityDelegate(12713): onResume setting current activity to this
Error detected in pubspec.yaml:
#/properties/flutter: type: wanted [object] got null
Syncing files to device Nexus 5...
Lost connection to device.

By removing flutter: on line 10, it fixes the issue.

https://github.com/lejard-h/flutter_google_places_autocomplete/blob/a06b16207ee8dd0f2643fb17f4b66de5e8c8811b/pubspec.yaml#L10

Google API key issue

Getting issue with Google api key even am using proper one. while searching getting like you must use an API key to authenticate each request to Google Maps platform APIs.

Limit query results to Basic Data

Is it possible to limit query results to Basic Data only?

https://woolpert-googlecloud.github.io/maps-platform-best-practices/docs/place-details-fields

Thanks.

example broken

There is no attribute "sessionToken" in PlacesAutocompleteWidget which is submitted via super()