amap_map_fluttify/example/lib/map/create_map/create_map.screen.dart

import 'dart:math';
import 'package:amap_map_fluttify/amap_map_fluttify.dart';
import 'package:amap_map_fluttify_example/utils/next_latlng.dart';
import 'package:decorated_flutter/decorated_flutter.dart';
import 'package:flutter/material.dart';
import 'package:vector_math/vector_math.dart' as vector;

final _assetsIcon = AssetImage('images/test_icon.png');

class CreateMapScreen extends StatefulWidget {
  @override
  _CreateMapScreenState createState() => _CreateMapScreenState();
}

class _CreateMapScreenState extends State<CreateMapScreen>
    with NextLatLng, DisposeBag {
  late AmapController _controller;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('自定义地图')),
      body: DecoratedColumn(
        children: <Widget>[
          Flexible(
            flex: 1,
            child: DecoratedStack(
              alignment: AlignmentDirectional.center,
              children: [
                AmapView(
                  showZoomControl: false,
                  tilt: 60,
                  zoomLevel: 17,
                  centerCoordinate: LatLng(29, 119),
                  maskDelay: Duration(milliseconds: 500),
                  onMapCreated: (controller) async {
                    _controller = controller;
                  },
                ),
                // Image.asset('images/test_icon.png'),
              ],
            ),
          ),
          Flexible(
            child: DecoratedColumn(
              scrollable: true,
              divider: Divider(height: 1),
              children: <Widget>[
                // BooleanSetting(
                //   head: '是否显示定位',
                //   onSelected: (value) async {
                //     await Permission.location.request();
                //     await _controller
                //         ?.showMyLocation(MyLocationOption(show: value));
                //   },
                // ),
                // DiscreteSetting(
                //   head: '选择定位模式',
                //   options: <String>[
                //     '只定位不移动地图到中心',
                //     '定位一次并移动地图到中心',
                //     '连续定位并跟随',
                //     '跟随但不移动到地图中心',
                //     '连续定位跟随方向',
                //   ],
                //   onSelected: (String value) async {
                //     if (value == '只定位不移动地图到中心') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Show,
                //       ));
                //     } else if (value == '定位一次并移动地图到中心') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Locate,
                //       ));
                //     } else if (value == '连续定位并跟随') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Follow,
                //         interval: Duration(seconds: 3),
                //       ));
                //     } else if (value == '跟随但不移动到地图中心') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.FollowNoCenter,
                //       ));
                //     } else if (value == '连续定位跟随方向') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Rotate,
                //       ));
                //     }
                //   },
                // ),
                // DiscreteSetting(
                //   head: '选择定位间隔时间',
                //   options: <String>[
                //     '1秒',
                //     '3秒',
                //     '5秒',
                //   ],
                //   onSelected: (String value) async {
                //     if (value == '1秒') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Follow,
                //         interval: Duration(seconds: 1),
                //       ));
                //     } else if (value == '3秒') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Follow,
                //         interval: Duration(seconds: 3),
                //       ));
                //     } else if (value == '5秒') {
                //       await _controller.showMyLocation(MyLocationOption(
                //         myLocationType: MyLocationType.Follow,
                //         interval: Duration(seconds: 5),
                //       ));
                //     }
                //   },
                // ),
                ListTile(
                  title: Center(child: Text('获取当前位置经纬度')),
                  onTap: () async {
                    final latLng = await _controller.getLocation();
                    toast('当前经纬度: ${latLng?.latitude}, ${latLng?.longitude}');
                  },
                ),
                ListTile(
                  title: Center(child: Text('旋转定位图标')),
                  onTap: () async {
                    await _controller.setMyLocationRotateAngle(90);
                  },
                ),
                ListTile(
                  title: Center(child: Text('使用自定义定位图标')),
                  onTap: () async {
                    await _controller.showMyLocation(
                        MyLocationOption(iconProvider: _assetsIcon));
                  },
                ),
                // BooleanSetting(
                //   head: '是否显示室内地图',
                //   onSelected: (value) {
                //     _controller.showIndoorMap(value);
                //   },
                // ),
                // DiscreteSetting(
                //   head: '切换地图图层',
                //   options: ['正常视图', '卫星视图', '黑夜视图', '导航视图', '公交视图'],
                //   onSelected: (value) {
                //     switch (value) {
                //       case '正常视图':
                //         _controller.setMapType(MapType.Standard);
                //         break;
                //       case '卫星视图':
                //         _controller.setMapType(MapType.Satellite);
                //         break;
                //       case '黑夜视图':
                //         _controller.setMapType(MapType.Night);
                //         break;
                //       case '导航视图':
                //         _controller.setMapType(MapType.Navi);
                //         break;
                //       case '公交视图':
                //         _controller.setMapType(MapType.Bus);
                //         break;
                //     }
                //   },
                // ),
                // DiscreteSetting(
                //   head: '切换语言',
                //   options: ['中文', '英文'],
                //   onSelected: (value) {
                //     switch (value) {
                //       case '中文':
                //         _controller.setMapLanguage(Language.Chinese);
                //         break;
                //       case '英文':
                //         _controller.setMapLanguage(Language.English);
                //         break;
                //     }
                //   },
                // ),
                // DiscreteSetting(
                //   head: '精度圈边框颜色',
                //   options: ['红色', '绿色', '蓝色'],
                //   onSelected: (value) {
                //     switch (value) {
                //       case '红色':
                //         _controller.showMyLocation(MyLocationOption(
                //           strokeColor: Colors.red,
                //           strokeWidth: 2,
                //         ));
                //         break;
                //       case '绿色':
                //         _controller.showMyLocation(MyLocationOption(
                //           strokeColor: Colors.green,
                //           strokeWidth: 2,
                //         ));
                //         break;
                //       case '蓝色':
                //         _controller.showMyLocation(MyLocationOption(
                //           strokeColor: Colors.blue,
                //           strokeWidth: 2,
                //         ));
                //         break;
                //     }
                //   },
                // ),
                // DiscreteSetting(
                //   head: '精度圈填充颜色',
                //   options: ['红色', '绿色', '蓝色'],
                //   onSelected: (value) {
                //     switch (value) {
                //       case '红色':
                //         _controller.showMyLocation(MyLocationOption(
                //           fillColor: Colors.red,
                //           strokeWidth: 2,
                //         ));
                //         break;
                //       case '绿色':
                //         _controller.showMyLocation(MyLocationOption(
                //           fillColor: Colors.green,
                //           strokeWidth: 2,
                //         ));
                //         break;
                //       case '蓝色':
                //         _controller.showMyLocation(MyLocationOption(
                //           fillColor: Colors.blue,
                //           strokeWidth: 2,
                //         ));
                //         break;
                //     }
                //   },
                // ),
                // DiscreteSetting(
                //   head: '精度圈边框宽度',
                //   options: ['2', '4', '8'],
                //   onSelected: (value) {
                //     switch (value) {
                //       case '2':
                //         _controller.showMyLocation(MyLocationOption(
                //           strokeWidth: 2,
                //         ));
                //         break;
                //       case '4':
                //         _controller.showMyLocation(MyLocationOption(
                //           strokeWidth: 4,
                //         ));
                //         break;
                //       case '8':
                //         _controller.showMyLocation(MyLocationOption(
                //           strokeWidth: 8,
                //         ));
                //         break;
                //     }
                //   },
                // ),
                // BooleanSetting(
                //   head: '是否显示路况信息',
                //   onSelected: (value) {
                //     _controller.showTraffic(value);
                //   },
                // ),
                ListTile(
                  title: Center(child: Text('获取地图中心点')),
                  onTap: () async {
                    final center = await _controller.getCenterCoordinate();

                    print('center: lat: ${center.latitude}, lng: ${center.longitude}');
                    // toast(
                    //     'center: lat: ${center.latitude}, lng: ${center.longitude}');
                  },
                ),
                ListTile(
                  title: Center(child: Text('监听地图移动')),
                  onTap: () {
                    _controller.setMapMoveListener(
                      onMapMoveStart: (move) async => debugPrint('开始移动: $move'),
                      onMapMoving: (move) async => debugPrint('移动中: $move'),
                      onMapMoveEnd: (move) async => debugPrint('结束移动: $move'),
                    );
                  },
                ),
                ListTile(
                  title: Center(child: Text('添加点击地图监听')),
                  onTap: () {
                    _controller.setMapClickedListener(
                      (latLng) async {
                        toast(
                          '点击: lat: ${latLng.latitude}, lng: ${latLng.longitude}',
                        );
                      },
                    );
                  },
                ),
                ListTile(
                  title: Center(child: Text('自定义地图')),
                  onTap: () {
                    _controller.setCustomMapStyle(
                      styleDataPath: 'raw/style.data',
                      styleExtraPath: 'raw/style_extra.data',
                    );
                  },
                ),
                ListTile(
                  title: Center(child: Text('经纬度坐标转屏幕坐标')),
                  onTap: () async {
                    final centerLatLng =
                        await _controller.getCenterCoordinate();
                    final screenPoint =
                        await _controller.toScreenLocation(centerLatLng);
                    toast('地图中心点对应的屏幕坐标为: $screenPoint');
                  },
                ),
                ListTile(
                  title: Center(child: Text('屏幕坐标转经纬度坐标')),
                  onTap: () async {
                    final screenPoint = Point(250, 250);
                    final latLng =
                        await _controller.fromScreenLocation(screenPoint);
                    toast('屏幕坐标(250, 250)对应的经纬度坐标为: $latLng');
                  },
                ),
                ListTile(
                  title: Center(child: Text('设置屏幕上的某个像素点为地图中心点')),
                  onTap: () async {
                    final screenPoint = Point(20, 20);
//                    await _controller.setPointToCenter(screenPoint);
                  },
                ),
                ListTile(
                  title: Center(child: Text('设置以地图为中心进行缩放')),
                  onTap: () async {
                    await _controller.setZoomByCenter(true);
                  },
                ),
                ListTile(
                  title: Center(child: Text('限制地图显示范围')),
                  onTap: () async {
                    final southWest = LatLng(40, 116);
                    final northEast = LatLng(42, 118);
                    await _controller.setMapRegionLimits(southWest, northEast);
                  },
                ),
                ListTile(
                  title: Center(child: Text('获取当前缩放等级')),
                  onTap: () async {
                    toast('当前缩放等级: ${await _controller.getZoomLevel()}');
                  },
                ),
                ListTile(
                  title: Center(child: Text('(专业版)一次性设置地图状态')),
                  onTap: () async {
                    final point = getNextLatLng();
                    await _controller.setCameraPosition(
                      coordinate: point,
                      zoom: 12,
                      tilt: 90,
                      bearing: 339.000732421875,
                      duration: Duration(seconds: 2),
                    );
                    await Future.delayed(Duration(seconds: 3));
                    await _controller.setCameraPosition(
                      coordinate: point,
                      zoom: 12,
                      tilt: 90,
                      bearing: 400.86966387385837,
                      duration: Duration(seconds: 2),
                    );
                    // await Future.delayed(Duration(seconds: 3));
                    // await _controller.setCameraPosition(
                    //   coordinate: point,
                    //   zoom: 12,
                    //   tilt: 90,
                    //   bearing: 41,
                    //   duration: Duration(seconds: 2),
                    // );
                  },
                ),
                ListTile(
                  title: Center(child: Text('(专业版)设置地图锚点')),
                  onTap: () {
                    _controller.setMapAnchor(0.8, 0.8);
                  },
                ),
                ListTile(
                  title: Center(child: Text('测试')),
                  onTap: () {
                    context.navigator.push(MaterialPageRoute(
                        builder: (context) => _SecondScreen()));
                  },
                ),
                ListTile(
                  title: Center(child: Text('根据朝向旋转定位图标')),
                  onTap: () {
                    // AmapLocation.instance
                    //     .listenLocation()
                    //     .listen((it) =>
                    //         _controller.setMyLocationRotateAngle(it.bearing!))
                    //     .addTo(disposeBag);
                  },
                ),
                ListTile(
                  title: Center(child: Text('行程动画')),
                  onTap: () async {
                    // final result = await AmapSearch.instance.searchDriveRoute(
                    //   from: LatLng(39.958245, 116.330929),
                    //   to: LatLng(39.915599, 116.42912),
                    // );
                    // final pathList = await result.drivePathList;
                    // final stepList = [
                    //   for (final path in pathList) ...await path.driveStepList
                    // ];
                    // final coordinateList = [
                    //   for (final step in stepList) ...await step.polyline
                    // ];
                    // await _controller.addPlaybackTrace(
                    //   coordinateList,
                    //   iconProvider: _assetsIcon,
                    //   duration: Duration(
                    //     milliseconds: coordinateList.length * 500,
                    //   ),
                    // );
                    // for (int i = 0; i < coordinateList.length; i++) {
                    //   final last = coordinateList[max(i - 1, 0)];
                    //   final current = coordinateList[i];
                    //   await _controller.setCameraPosition(
                    //     coordinate: coordinateList[i],
                    //     zoom: 18,
                    //     tilt: 45,
                    //     bearing: bearing(
                    //           last.latitude,
                    //           last.longitude,
                    //           current.latitude,
                    //           current.longitude,
                    //         ) -
                    //         105,
                    //   );
                    //   await Future.delayed(Duration(milliseconds: 500));
                    // }
                  },
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  double bearing(double lat1, double lon1, double lat2, double lon2) {
    double longitude1 = lon1;
    double longitude2 = lon2;
    double latitude1 = vector.radians(lat1);
    double latitude2 = vector.radians(lat2);
    double longDiff = vector.radians(longitude2 - longitude1);
    double y = sin(longDiff) * cos(latitude2);
    double x = cos(latitude1) * sin(latitude2) -
        sin(latitude1) * cos(latitude2) * cos(longDiff);
    return (vector.degrees((atan2(y, x)) + 360) % 360);
  }

  double getAngle(double lng1, double lat1, double lng2, double lat2) {
    double dRotateAngle = atan2((lng2 - lng1).abs(), (lat2 - lat1).abs());
    if (lng2 >= lng1) {
      if (lat2 > lat1) {
        dRotateAngle = 2 * pi - dRotateAngle;
      }
    } else {
      if (lat2 >= lat1) {
        dRotateAngle = pi + dRotateAngle;
      } else {
        dRotateAngle = pi - dRotateAngle;
      }
    }
    dRotateAngle = dRotateAngle * 180 / pi;
    return dRotateAngle;
  }
}

class _SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return DecoratedColumn(
      children: [
        Flexible(child: AmapView()),
        ElevatedButton(
          onPressed: () {
            // AmapLocation.instance.listenLocation().listen((event) {
            //   print(event);
            // });
          },
          child: Text('开始定位'),
        ),
        ElevatedButton(
          onPressed: () {
            // AmapLocation.instance.stopLocation();
          },
          child: Text('停止定位'),
        ),
      ],
    );
  }
}