huixiang_app/lib/address/address_map_page.dart

import 'dart:io';
import 'dart:ui';

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/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';

import '../data/address.dart';

class AddressMapPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _AddressMapPage();
  }
}

class _AddressMapPage extends State<AddressMapPage> {
  // //加载自定义地图样式
  // void _loadCustomData() async {
  //   setState(() {
  //     _mapController?.setCustomMapStyle('assets/map_style/chatian.sty', 0);
  //   });
  // }

  // LocationFlutterPlugin? aMapFlutterLocation;
  String city = "武汉市";
  String keyWord = "";

  // @override
  // void dispose() {
  //   super.dispose();
  //   aMapFlutterLocation?.stopLocation();
  // }

  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?.latitude != null && result?.longitude != null) {
        latLng = Position(
            latitude: result!.latitude,
            longitude: result.longitude,
            timestamp: DateTime.now(),
            accuracy: 0,
            altitude: 0,
            heading: 0,
            speed: 0,
            speedAccuracy: 0);
        LocationInstance.getInstance()
            .getAddress(result.latitude, result.longitude)
            ?.then((value) {
          if (value != null) {
            city = value.city ?? "";
          }
        });
        saveLatLng(result);
        searchPoi(latLng);
      }
    });
    // _setLocOption();
    //
    // getLatLng();
    startLocation();
  }

  // /// 设置android端和ios端定位参数
  // void _setLocOption() {
  //   /// android 端设置定位参数
  //   BaiduLocationAndroidOption androidOption =
  //       BaiduLocationAndroidOption(coordType: BMFLocationCoordType.gcj02);
  //   androidOption.setCoorType("GCJ02"); // 设置返回的位置坐标系类型
  //   androidOption.setIsNeedAltitude(true); // 设置是否需要返回海拔高度信息
  //   androidOption.setIsNeedAddress(true); // 设置是否需要返回地址信息
  //   androidOption.setIsNeedLocationPoiList(true); // 设置是否需要返回周边poi信息
  //   androidOption.setIsNeedNewVersionRgc(true); // 设置是否需要返回最新版本rgc信息
  //   androidOption.setIsNeedLocationDescribe(true); // 设置是否需要返回位置描述
  //   androidOption.setOpenGps(true); // 设置是否需要使用gps
  //   androidOption.setLocationMode(BMFLocationMode.hightAccuracy); // 设置定位模式
  //   androidOption.setScanspan(0); // 设置发起定位请求时间间隔
  //   androidOption.setCoordType(BMFLocationCoordType.gcj02);
  //
  //   Map androidMap = androidOption.getMap();
  //
  //   /// ios 端设置定位参数
  //   BaiduLocationIOSOption iosOption =
  //       BaiduLocationIOSOption(coordType: BMFLocationCoordType.gcj02);
  //   iosOption.setIsNeedNewVersionRgc(true); // 设置是否需要返回最新版本rgc信息
  //   iosOption.setBMKLocationCoordinateType(
  //       "BMKLocationCoordinateTypeGCJ02"); // 设置返回的位置坐标系类型
  //   iosOption.setActivityType(BMFActivityType.automotiveNavigation); // 设置应用位置类型
  //   iosOption.setLocationTimeout(10); // 设置位置获取超时时间
  //   iosOption.setDesiredAccuracy(BMFDesiredAccuracy.best); // 设置预期精度参数
  //   iosOption.setReGeocodeTimeout(10); // 设置获取地址信息超时时间
  //   iosOption.setDistanceFilter(1000); // 设置定位最小更新距离
  //   iosOption.setAllowsBackgroundLocationUpdates(true); // 是否允许后台定位
  //   iosOption.setPauseLocUpdateAutomatically(true); //  定位是否会被系统自动暂停
  //   iosOption.coordType = BMFLocationCoordType.gcj02;
  //
  //   Map iosMap = iosOption.getMap();
  //
  //   aMapFlutterLocation?.prepareLoc(androidMap, iosMap);
  // }

  Position? center;
  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(() {});

    // BMFPoiNearbySearch bmfPoiNearbySearch = BMFPoiNearbySearch();
    // bmfPoiNearbySearch.onGetPoiNearbySearchResult(
    //     callback: (BMFPoiSearchResult result, BMFSearchErrorCode errorCode) {
    //   // if ((DateTime.now().millisecondsSinceEpoch - time) > 2000) {
    //     result.poiInfoList.map((e) => print("sssssssssss:${e.toMap()}"));
    //     poiList = result.poiInfoList;
    //     print("object112221: ${poiList.length}");
    //     setState(() {
    //       time = DateTime.now().millisecondsSinceEpoch;
    //     });
    //   // }
    // });
    // bmfPoiNearbySearch.poiNearbySearch(BMFPoiNearbySearchOption(
    //   keywords: [" "],
    //   tags: ["小区","住宅","地标","建筑"],
    //   radius: 100000,
    //   location: latLng,
    //   pageSize: 20,
    //   pageIndex: 0,
    //   isRadiusLimit: true,
    // ));
  }

  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.) {
    //   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,
          );
        });
  }

  // BMFMapController? _mapController;
  // BMFCoordinate? bmfCoordinate;

  // void onMapCreated(BMFMapController controller) {
  //   controller.setMapRegionDidChangeCallback(callback: (status) {
  //     BMFMapStatus bmfMapStatus = status;
  //     print("status: ${bmfMapStatus.toMap()}");
  //     if (bmfCoordinate?.longitude == status.targetGeoPt?.longitude &&
  //         bmfCoordinate?.latitude == status.targetGeoPt?.latitude) {
  //       if ((DateTime.now().millisecondsSinceEpoch - time) > 1000) {
  //         center = status.targetGeoPt;
  //         searchPoi(center);
  //         time = DateTime.now().millisecondsSinceEpoch;
  //       }
  //     } else {
  //       bmfCoordinate = status.targetGeoPt;
  //     }
  //   });
  //
  //   setState(() {
  //     _mapController = controller;
  //     _mapController?.showUserLocation(true);
  //     _loadCustomData();
  //     addMarker();
  //   });
  // }

  Position? latLng;

  // BMFMarker? bmfMarker;

  // addMarker() {
  //   bmfMarker?.updateIsLockedToScreen(
  //       true,
  //       BMFPoint(
  //           (Platform.isIOS
  //                   ? MediaQuery.of(context).size.width
  //                   : window.physicalSize.width) /
  //               2,
  //           (Platform.isIOS
  //                   ? MediaQuery.of(context).size.height
  //                   : window.physicalSize.height) /
  //               4));
  // }

  saveLatLng(Position? latLng) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    await prefs.setString("latitude", "${latLng?.latitude}");
    await prefs.setString("longitude", "${latLng?.longitude}");
  }

  // getLatLng() async {
  //   SharedPreferences.getInstance().then((value) => {
  //         setState(() {
  //           _mapController?.updateMapOptions(
  //             BMFMapOptions(
  //               center: BMFCoordinate(
  //                 double.tryParse("${value.getString("latitude")}") ?? 0,
  //                 double.tryParse("${value.getString("longitude")}") ?? 0,
  //               ),
  //               zoomLevel: 15,
  //               showZoomControl: false,
  //               showMapScaleBar: false,
  //               rotateEnabled: false,
  //             ),
  //           );
  //         })
  //       });
  // }
  //
  // BMFMapWidget? map;
  // BMFCoordinate? center = BMFCoordinate(30.553111, 114.342366);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          searchWidget(),
          // Expanded(
          //   child: Stack(
          //     children: [
          //       Container(
          //         child: BMFMapWidget(
          //           mapOptions: BMFMapOptions(
          //             center: BMFCoordinate(30.553111, 114.342366),
          //             zoomLevel: 15,
          //             showZoomControl: false,
          //             showMapScaleBar: false,
          //             rotateEnabled: false,
          //           ),
          //           onBMFMapCreated: onMapCreated,
          //           // onCameraMoveEnd: (cameraPosition) {
          //           //   center = cameraPosition.target;
          //           //   searchPoi(center);
          //           // },
          //           // onCameraMove: (cameraPosition) {
          //           //   center = cameraPosition.target;
          //           //   setState(() {});
          //           // },
          //           // markers: [Marker(position: center)].toSet(),
          //           // touchPoiEnabled: true,
          //           // scrollGesturesEnabled: true,
          //           // customStyleOptions: _customStyleOptions,
          //           // gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>[
          //           //   Factory<OneSequenceGestureRecognizer>(
          //           //       () => EagerGestureRecognizer())
          //           // ].toSet(),
          //         ),
          //       ),
          //       // Center(
          //       //   child: IgnorePointer(
          //       //     child: Container(
          //       //       margin: EdgeInsets.only(bottom: 44.h),
          //       //       child: Image.asset(
          //       //         "assets/image/icon_address_location.webp",
          //       //         width: 66.w,
          //       //         height: 75.h,
          //       //       ),
          //       //     ),
          //       //   ),
          //       // ),
          //       Positioned(
          //         right: 17,
          //         bottom: 16,
          //         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?.length ?? 0,
                itemBuilder: (context, position) {
                  return InkWell(
                    onTap: () {
                      Navigator.of(context).pop(poiList![position].toJson());
                    },
                    child: addressItem(poiList![position]),
                  );
                },
                separatorBuilder: (context, 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.addressStr}",
            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,
            ),
          ),
        ],
      ),
    );
  }
}