|
|
|
import 'dart:convert';
|
|
|
|
import 'dart:io';
|
|
|
|
import 'dart:ui';
|
|
|
|
|
|
|
|
import 'package:android_intent_plus/android_intent.dart';
|
|
|
|
import 'package:dio/dio.dart';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
import 'package:flutter/gestures.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter/services.dart';
|
|
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
|
|
|
import 'package:geolocator/geolocator.dart';
|
|
|
|
import 'package:huixiang/generated/l10n.dart';
|
|
|
|
import 'package:huixiang/retrofit/data/address.dart';
|
|
|
|
import 'package:huixiang/retrofit/retrofit_api.dart';
|
|
|
|
import 'package:huixiang/utils/location.dart';
|
|
|
|
import 'package:huixiang/view_widget/request_permission.dart';
|
|
|
|
import 'package:permission_handler/permission_handler.dart' as PH;
|
|
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
|
|
|
|
|
|
class AddressMapPage extends StatefulWidget {
|
|
|
|
@override
|
|
|
|
State<StatefulWidget> createState() {
|
|
|
|
return _AddressMapPage();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class _AddressMapPage extends State<AddressMapPage> {
|
|
|
|
|
|
|
|
String city = "武汉市";
|
|
|
|
String keyWord = "";
|
|
|
|
|
|
|
|
ApiService apiService;
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
|
|
|
|
SharedPreferences.getInstance().then((value) => {
|
|
|
|
apiService = ApiService(Dio(),
|
|
|
|
context: context, token: value.getString('token')),
|
|
|
|
},);
|
|
|
|
|
|
|
|
LocationInstance.getInstance().startLocation(context, (Position result) {
|
|
|
|
print("event: $result");
|
|
|
|
if (result != null &&
|
|
|
|
result.latitude != null &&
|
|
|
|
result.longitude != null) {
|
|
|
|
latLng = Position(latitude: result.latitude, longitude: result.longitude);
|
|
|
|
LocationInstance.getInstance().getAddress(result.latitude, result.longitude).then((value) {
|
|
|
|
if (value != null) {
|
|
|
|
city = value.city;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
saveLatLng(result);
|
|
|
|
searchPoi(latLng);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
startLocation();
|
|
|
|
}
|
|
|
|
|
|
|
|
Position center = Position();
|
|
|
|
List<Address> poiList;
|
|
|
|
|
|
|
|
searchPoi(Position latLng) async {
|
|
|
|
keyWord = textEditingController.text;
|
|
|
|
print("keyWord: ${keyWord}");
|
|
|
|
var addressPoi = await apiService.searchPoi("${latLng.latitude}", "${latLng.longitude}", keyWord, 20, 1);
|
|
|
|
//如果定位列表无法显示,可以考虑数据是否不在当前字段里面;例:原数据放在['pois']里面,后改成了数据放在['entrances']里面
|
|
|
|
List<dynamic> poi = addressPoi['pois']??addressPoi['entrances'];
|
|
|
|
poiList = poi
|
|
|
|
.map((e) => Address.fromJson({
|
|
|
|
"address": e["address"] is List ? "" : e["address"],
|
|
|
|
"area": e["adname"],
|
|
|
|
"city": e["cityname"],
|
|
|
|
"province": e["pname"],
|
|
|
|
"latitude": e["location"].toString().split(",")[0],
|
|
|
|
"longitude": e["location"].toString().split(",")[1],
|
|
|
|
"cityInfo": e["name"],
|
|
|
|
"id": "",
|
|
|
|
"mid": "",
|
|
|
|
"phone": "",
|
|
|
|
"tag": "",
|
|
|
|
"username": "",
|
|
|
|
"isDefault": true,
|
|
|
|
}))
|
|
|
|
.toList();
|
|
|
|
setState(() {});
|
|
|
|
}
|
|
|
|
|
|
|
|
int time = 0;
|
|
|
|
|
|
|
|
startLocation() async {
|
|
|
|
if (!(await PH.Permission.locationWhenInUse.serviceStatus.isEnabled)) {
|
|
|
|
enableLocation();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (await PH.Permission.location.isPermanentlyDenied) {
|
|
|
|
requestDialog();
|
|
|
|
} else if (await PH.Permission.location.isGranted) {
|
|
|
|
// EasyLoading.show(status: S.of(context).zhengzaijiazai);
|
|
|
|
center = await Geolocator.getCurrentPosition();
|
|
|
|
Future.delayed(Duration(seconds: 6), () {
|
|
|
|
EasyLoading.dismiss();
|
|
|
|
});
|
|
|
|
} else if (await PH.Permission.location.isUndetermined) {
|
|
|
|
await PH.Permission.location.request();
|
|
|
|
} else {
|
|
|
|
if (Platform.isIOS) {
|
|
|
|
//去设置中心
|
|
|
|
requestDialog();
|
|
|
|
} else {
|
|
|
|
await PH.Permission.location.request();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
enableLocation() {
|
|
|
|
showCupertinoDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
|
|
|
return RequestPermission(
|
|
|
|
"assets/image/icon_permission_location_bg.webp",
|
|
|
|
S.of(context).nindingweigongnengweikaiqi,
|
|
|
|
S.of(context).weilexiangnintuijianfujindemendianxinxi,
|
|
|
|
S.of(context).dakaidingwei,
|
|
|
|
(result) async {
|
|
|
|
if (result) {
|
|
|
|
// final AndroidIntent intent = AndroidIntent(
|
|
|
|
// action: 'action_location_source_settings',
|
|
|
|
// package: "com.zsw.huixiang");
|
|
|
|
// await intent.launch();
|
|
|
|
// startLocation();
|
|
|
|
Geolocator.openLocationSettings();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
heightRatioWithWidth: 0.82,
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
requestDialog() {
|
|
|
|
showCupertinoDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
|
|
|
return RequestPermission(
|
|
|
|
"assets/image/icon_permission_location_bg.webp",
|
|
|
|
S.of(context).nindingweiquanxianweiyunxu,
|
|
|
|
S.of(context).weilexiangnintuijianfujindemendianxinxi,
|
|
|
|
S.of(context).kaiqiquanxian,
|
|
|
|
(result) async {
|
|
|
|
if (result) {
|
|
|
|
await PH.openAppSettings();
|
|
|
|
if (await PH.Permission.location.isGranted) {
|
|
|
|
startLocation();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
heightRatioWithWidth: 0.82,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Position latLng;
|
|
|
|
|
|
|
|
|
|
|
|
saveLatLng(Position latLng) async {
|
|
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
|
|
await prefs.setString("latitude", "${latLng.latitude}");
|
|
|
|
await prefs.setString("longitude", "${latLng.longitude}");
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Scaffold(
|
|
|
|
body: Column(
|
|
|
|
children: [
|
|
|
|
searchWidget(),
|
|
|
|
// Expanded(
|
|
|
|
// child: InkWell(
|
|
|
|
// onTap: () {
|
|
|
|
// startLocation();
|
|
|
|
// },
|
|
|
|
// child: Container(
|
|
|
|
// width: 32,
|
|
|
|
// height: 32,
|
|
|
|
// padding: EdgeInsets.all(8),
|
|
|
|
// decoration: BoxDecoration(
|
|
|
|
// borderRadius: BorderRadius.circular(16),
|
|
|
|
// color: Colors.white,
|
|
|
|
// ),
|
|
|
|
// child: Image.asset(
|
|
|
|
// "assets/image/icon_address_location_action.webp",
|
|
|
|
// width: 16.w,
|
|
|
|
// height: 16.h,
|
|
|
|
// ),
|
|
|
|
// ),
|
|
|
|
// ),
|
|
|
|
// flex: 1,
|
|
|
|
// ),
|
|
|
|
Expanded(
|
|
|
|
child: Container(
|
|
|
|
child: ListView.separated(
|
|
|
|
padding: EdgeInsets.symmetric(vertical: 0),
|
|
|
|
itemCount: poiList != null ? poiList.length : 0,
|
|
|
|
itemBuilder: (context, position) {
|
|
|
|
return InkWell(
|
|
|
|
onTap: () {
|
|
|
|
Navigator.of(context).pop(poiList[position].toJson());
|
|
|
|
},
|
|
|
|
child: addressItem(poiList[position]),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
separatorBuilder: (contetx, position) {
|
|
|
|
return Container(
|
|
|
|
height: 1,
|
|
|
|
margin: EdgeInsets.symmetric(horizontal: 16.w),
|
|
|
|
color: Color(0xFFF1F1F1),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
),
|
|
|
|
flex: 1,
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget addressItem(Address address) {
|
|
|
|
return Container(
|
|
|
|
margin: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
address.cityInfo ?? "",
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
style: TextStyle(
|
|
|
|
fontSize: 16.sp,
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
color: Colors.black,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
SizedBox(
|
|
|
|
height: 4.h,
|
|
|
|
),
|
|
|
|
Text(
|
|
|
|
"${address.province}${address.city}${address.area}${address.address}",
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
style: TextStyle(
|
|
|
|
color: Color(0xFF4C4C4C),
|
|
|
|
fontSize: 14.sp,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
TextEditingController textEditingController = TextEditingController();
|
|
|
|
|
|
|
|
Widget searchWidget() {
|
|
|
|
return Container(
|
|
|
|
height: 36.h,
|
|
|
|
margin: EdgeInsets.fromLTRB(16, 48, 16, 8),
|
|
|
|
padding: EdgeInsets.fromLTRB(10, 6, 16, 6),
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
color: Colors.white,
|
|
|
|
borderRadius: BorderRadius.all(
|
|
|
|
Radius.circular(4),
|
|
|
|
),
|
|
|
|
boxShadow: [
|
|
|
|
BoxShadow(
|
|
|
|
color: Colors.black.withAlpha(12),
|
|
|
|
offset: Offset(0, 3),
|
|
|
|
blurRadius: 14,
|
|
|
|
spreadRadius: 0,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
child: Row(
|
|
|
|
mainAxisSize: MainAxisSize.max,
|
|
|
|
children: [
|
|
|
|
Icon(
|
|
|
|
Icons.search,
|
|
|
|
size: 24,
|
|
|
|
color: Colors.black,
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: TextField(
|
|
|
|
controller: textEditingController,
|
|
|
|
textInputAction: TextInputAction.search,
|
|
|
|
onEditingComplete: () {
|
|
|
|
FocusScope.of(context).requestFocus(FocusNode());
|
|
|
|
searchPoi(center);
|
|
|
|
},
|
|
|
|
decoration: InputDecoration(border: InputBorder.none),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
InkWell(
|
|
|
|
onTap: () {
|
|
|
|
textEditingController.clear();
|
|
|
|
},
|
|
|
|
child: Icon(
|
|
|
|
Icons.close,
|
|
|
|
size: 19,
|
|
|
|
color: Colors.grey,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|