Last updated:
0 purchases
map picker flutter
Map Picker Flutter #
Check it out at Pub.Dev
This works on: #
✅ Android;
✅ iOS;
✅ Web;
✅ Windows;
✅ Linux;
✅ MacOS;
Help Maintenance #
I've been maintaining quite many repos these days and burning out slowly. If you could help me cheer up, buying me a cup of coffee will make my life really happy and get much energy out of it.
Objective #
This lib was designed especially for web and desktop platforms, but of course you can also use it on mobiles.
Getting Started #
To use is simple, before all, you need to call this method, It will required once only,
MapPicker.init(
/// Custom search Builder Widget, case it is null, will be used the default of packer
searchBuilder: (Function(String address) search) => MyCustomWidget(),
/// Custom address Builder Widget, case it is null, will be used the default of packer
addressBuilder: (String address, Function done) => MyCustomWidget(),
/// Custom progress Widget, case it is null, will be used the default of packer
progressWidget: MyCustomWidget(),
/// Custom address Builder Widget, case it is null, will be used the default of packer
marker: MyCustomWidget(),
/// All above is to set global widgets to all times you need call this package
theme: MPickerTheme(
/// # Initial Location
initialLocation: LatLng(-23.572143, -46.613275),
/// # Text showed when address is not founded
errorAddressMissing: 'Error, address don\'t founded.',
/// # Text showed when gets error during find address
errorToFindAddress: 'Error to find this address, try again.',
/// # Initial text when don`t has any address selected
withoutAddress: 'Without Address Picked',
/// # Here the texts showed in [TextField] case you don`t use a custom
searchHint: 'Type here...',
searchLabel: 'Search:',
/// # Language of return of google maps api
lang: 'en'),
/// My Google Maps Api Key
key: 'GOOGLE_API_KEY');
copied to clipboard
Then Usage #
Now you can use of two ways
Mobiles #
You just call navigator and wait to response, ex:
final MPAddress address = await Navigator.push(context, MaterialPageRoute(builder: (c) => MapPicker(
/// here, case you want overwrite anything of global params of you set, you can
/// # Custom search Builder Widget, case it is null, will be used the global or default
searchBuilder: (Function(String address) search) => MyCustomWidget(),
/// # Custom address Builder Widget, case it is null, will be used the global or default
addressBuilder: (String address, Function done) => MyCustomWidget(),
/// # Custom progress Widget, case it is null, will be used the global or default
progressWidget: MyCustomWidget(),
/// # Custom theme, case it is null, will be used the global or default
theme: MPickerTheme(...),
/// # Custom Marker, case it is null, will be used the global or default
marker: MyWidget()
)));
copied to clipboard
Web / Desktop #
In this platforms, because screens is bigger, I think is more intelligent use a dialog, then I made it ready for you to use
final MPAddress address = await MapPickerTemplate.dialogAddressPicker(
context: context);
copied to clipboard
Of course, you can use both ways on any platform, this is just a suggestion.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.