google_geocoding_plus 1.0.0 
google_geocoding_plus: ^1.0.0 copied to clipboard
phungta.comA new Flutter package for handle google geocoding api that geocoding and reverse geocoding requests are available, forked from https://github.com/bazrafkan
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:google_geocoding_plus/google_geocoding_plus.dart';
import 'package:google_place_plus/google_place_plus.dart' as googlePlace;
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await dotenv.load(fileName: ".env");
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
GoogleGeocoding? googleGeocoding;
var addressController = TextEditingController();
double latitude = 0;
double longitude = 0;
GeocodingTypes geocodingTypes = GeocodingTypes.Geocoding;
List<GeocodingResult> geocodingResults = [];
List<GeocodingResult> reverseGeocodingResults = [];
@override
void initState() {
String? apiKey = dotenv.env['API_KEY'];
if (apiKey != null) googleGeocoding = GoogleGeocoding(apiKey);
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButton.extended(
backgroundColor: Colors.blueAccent,
onPressed: () {
if (geocodingTypes == GeocodingTypes.Geocoding) {
if (addressController.text != '') {
geocodingSearch(addressController.text);
} else {
if (mounted) {
setState(() {
geocodingResults = [];
});
}
}
}
if (geocodingTypes == GeocodingTypes.ReverseGeocoding) {
LatLon latLon = LatLon(latitude, longitude);
reverseGeocodingSearch(latLon);
}
},
label: Text('Search'),
icon: Icon(
Icons.search,
),
),
body: SafeArea(
child: Container(
margin: EdgeInsets.only(top: 20),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Align(
alignment: Alignment.centerRight,
child: Container(
margin: EdgeInsets.only(right: 20),
child: DropdownButton<GeocodingTypes>(
value: geocodingTypes,
icon: Icon(
Icons.arrow_drop_down,
color: Colors.blueAccent,
),
iconSize: 24,
elevation: 16,
underline: Container(
height: 1,
color: Colors.blueAccent,
),
onChanged: (value) {
if (value == null) return;
setState(() {
geocodingTypes = value;
});
},
items: GeocodingTypes.values.map((GeocodingTypes newValue) {
return DropdownMenuItem<GeocodingTypes>(
value: newValue,
child: Text(
newValue == GeocodingTypes.Geocoding
? 'Geocoding'
: newValue == GeocodingTypes.ReverseGeocoding
? 'Reverse Geocoding'
: '',
style: TextStyle(
color: Colors.blueAccent,
fontSize: 15,
fontWeight: FontWeight.bold,
inherit: false,
),
),
);
}).toList(),
),
),
),
geocodingTypes == GeocodingTypes.Geocoding
? Container(
margin: EdgeInsets.only(right: 20, left: 20, top: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
"Geocoding",
style: TextStyle(
fontSize: 18,
),
),
SizedBox(
height: 20,
),
TextField(
controller: addressController,
decoration: InputDecoration(
labelText: "Address",
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Colors.blue,
width: 2.0,
),
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Colors.black54,
width: 2.0,
),
),
),
),
],
),
)
: Container(),
geocodingTypes == GeocodingTypes.ReverseGeocoding
? Container(
margin: EdgeInsets.only(right: 20, left: 20, top: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
"Reverse Geocoding",
style: TextStyle(
fontSize: 18,
),
),
SizedBox(
height: 20,
),
Container(
margin: EdgeInsets.only(top: 30),
child: ListTile(
title: Text(
'Lat: ${latitude.toStringAsFixed(5)}',
style: TextStyle(
color: Colors.grey,
),
),
subtitle: Slider(
min: -90.0,
max: 90.0,
divisions: 1000000,
label: latitude.toStringAsFixed(5),
activeColor: Colors.blueAccent,
inactiveColor: Colors.blueAccent[100],
value: latitude,
onChanged: (value) {
if (mounted) {
setState(() {
latitude = value;
});
}
},
),
),
),
Container(
margin: EdgeInsets.only(top: 30),
child: ListTile(
title: Text(
'Lng: ${longitude.toStringAsFixed(5)}',
style: TextStyle(
color: Colors.grey,
),
),
subtitle: Slider(
min: -180.0,
max: 179.99999200000003,
divisions: 10000000,
label: longitude.toStringAsFixed(5),
activeColor: Colors.blueAccent,
inactiveColor: Colors.blueAccent[100],
value: longitude,
onChanged: (value) {
if (mounted) {
setState(() {
longitude = value;
});
}
},
),
),
),
],
),
)
: Container(),
SizedBox(
height: 20,
),
Expanded(
child: geocodingTypes == GeocodingTypes.Geocoding
? ListView.builder(
itemCount: geocodingResults.length,
itemBuilder: (context, index) {
return ListTile(
leading: CircleAvatar(
child: Icon(
Icons.pin_drop,
color: Colors.white,
),
),
title: Text(
geocodingResults[index].formattedAddress ?? ''),
onTap: () {
debugPrint(geocodingResults[index].placeId);
if (geocodingResults[index].placeId == null)
return;
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => DetailsPage(
placeId: geocodingResults[index].placeId!,
),
),
);
},
);
},
)
: ListView.builder(
itemCount: reverseGeocodingResults.length,
itemBuilder: (context, index) {
return ListTile(
leading: CircleAvatar(
child: Icon(
Icons.pin_drop,
color: Colors.white,
),
),
title: Text(reverseGeocodingResults[index]
.formattedAddress ??
''),
onTap: () {
debugPrint(
reverseGeocodingResults[index].placeId);
if (reverseGeocodingResults[index].placeId ==
null) return;
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => DetailsPage(
placeId:
reverseGeocodingResults[index].placeId!,
),
),
);
},
);
},
),
),
Container(
margin: EdgeInsets.only(top: 10, bottom: 20),
child: Image.asset("assets/powered_by_google.png"),
),
],
),
),
),
);
}
void geocodingSearch(String value) async {
var response = await googleGeocoding?.geocoding.get(value);
if (response != null && response.results != null) {
if (response.results == null) return;
if (mounted) {
setState(() {
geocodingResults = response.results!;
});
}
} else {
if (mounted) {
setState(() {
geocodingResults = [];
});
}
}
}
void reverseGeocodingSearch(LatLon latLng) async {
var response = await googleGeocoding?.geocoding.getReverse(latLng);
if (response != null && response.results != null) {
if (response.results == null) return;
if (mounted) {
setState(() {
reverseGeocodingResults = response.results!;
});
}
} else {
if (mounted) {
setState(() {
reverseGeocodingResults = [];
});
}
}
}
}
class DetailsPage extends StatefulWidget {
final String placeId;
const DetailsPage({Key? key, required this.placeId}) : super(key: key);
@override
_DetailsPageState createState() => _DetailsPageState(this.placeId);
}
class _DetailsPageState extends State<DetailsPage> {
final String placeId;
googlePlace.GooglePlace? gPlace;
_DetailsPageState(this.placeId);
googlePlace.DetailsResult? detailsResult;
List<Uint8List> images = [];
@override
void initState() {
String? apiKey = dotenv.env['API_KEY'];
if (apiKey != null) gPlace = googlePlace.GooglePlace(apiKey);
getDetails(this.placeId);
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Details"),
backgroundColor: Colors.blueAccent,
),
floatingActionButton: FloatingActionButton(
backgroundColor: Colors.blueAccent,
onPressed: () {
getDetails(this.placeId);
},
child: Icon(Icons.refresh),
),
body: SafeArea(
child: Container(
margin: EdgeInsets.only(right: 20, left: 20, top: 20),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
height: 200,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: images.length,
itemBuilder: (context, index) {
return Container(
width: 250,
child: Card(
elevation: 4,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(10.0),
child: Image.memory(
images[index],
fit: BoxFit.fill,
),
),
),
);
},
),
),
SizedBox(
height: 10,
),
Expanded(
child: Card(
elevation: 4,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0),
),
child: ListView(
children: <Widget>[
Container(
margin: EdgeInsets.only(left: 15, top: 10),
child: Text(
"Details",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
detailsResult?.types != null
? Container(
margin: EdgeInsets.only(left: 15, top: 10),
height: 50,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: detailsResult!.types!.length,
itemBuilder: (context, index) {
return Container(
margin: EdgeInsets.only(right: 10),
child: Chip(
label: Text(
detailsResult!.types![index],
style: TextStyle(
color: Colors.white,
),
),
backgroundColor: Colors.blueAccent,
),
);
},
),
)
: Container(),
Container(
margin: EdgeInsets.only(left: 15, top: 10),
child: ListTile(
leading: CircleAvatar(
child: Icon(Icons.location_on),
),
title: Text(
detailsResult != null &&
detailsResult!.formattedAddress != null
? 'Address: ${detailsResult!.formattedAddress}'
: "Address: null",
),
),
),
Container(
margin: EdgeInsets.only(left: 15, top: 10),
child: ListTile(
leading: CircleAvatar(
child: Icon(Icons.location_searching),
),
title: Text(
detailsResult?.geometry?.location != null
? 'Geometry: ${detailsResult?.geometry?.location?.lat},${detailsResult?.geometry?.location?.lng}'
: "Geometry: null",
),
),
),
Container(
margin: EdgeInsets.only(left: 15, top: 10),
child: ListTile(
leading: CircleAvatar(
child: Icon(Icons.timelapse),
),
title: Text(
detailsResult?.utcOffset != null
? 'UTC offset: ${detailsResult!.utcOffset} min'
: "UTC offset: null",
),
),
),
Container(
margin: EdgeInsets.only(left: 15, top: 10),
child: ListTile(
leading: CircleAvatar(
child: Icon(Icons.rate_review),
),
title: Text(
detailsResult?.rating != null
? 'Rating: ${detailsResult!.rating}'
: "Rating: null",
),
),
),
Container(
margin: EdgeInsets.only(left: 15, top: 10),
child: ListTile(
leading: CircleAvatar(
child: Icon(Icons.attach_money),
),
title: Text(
detailsResult?.priceLevel != null
? 'Price level: ${detailsResult?.priceLevel}'
: "Price level: null",
),
),
),
],
),
),
),
Container(
margin: EdgeInsets.only(top: 20, bottom: 10),
child: Image.asset("assets/powered_by_google.png"),
),
],
),
),
),
);
}
void getDetails(String placeId) async {
var result = await gPlace?.details.get(placeId);
if (result != null && result.result != null && mounted) {
setState(() {
detailsResult = result.result;
images = [];
});
if (result.result?.photos != null) {
for (var photo in result.result!.photos!) {
getPhoto(photo.photoReference!);
}
}
}
}
void getPhoto(String photoReference) async {
var result = await gPlace?.photos.get(photoReference: photoReference, maxWidth: 400);
if (result != null && mounted) {
setState(() {
images.add(result);
});
}
}
}
enum GeocodingTypes {
Geocoding,
ReverseGeocoding,
}Metadata
4
likes
140
pub points
82%
popularity
Publisher
Metadata
A new Flutter package for handle google geocoding api that geocoding and reverse geocoding requests are available, forked from https://github.com/bazrafkan
Repository (GitHub)
View/report issues
Documentation
License
MIT (license)
