Flutter高德地图路径规划教程（多模式支持）

在Flutter中使用高德地图实现路径规划，支持多种出行模式（驾车、公交、步行、骑行），以下是实现方法：

1. 前期准备

首先在pubspec.yaml中添加高德地图插件依赖：

dependencies:
  amap_flutter_map: ^latest_version
  amap_flutter_location: ^latest_version
  amap_flutter_search: ^latest_version

并在高德开放平台申请API Key。

2. 基本实现代码

import 'package:amap_flutter_map/amap_flutter_map.dart';
import 'package:amap_flutter_search/amap_flutter_search.dart';
import 'package:amap_flutter_search/models/amap_route_result.dart';

class RoutePlanningPage extends StatefulWidget {
  final LatLng startPoint;
  final LatLng endPoint;
  final RouteType routeType;
  
  RoutePlanningPage({
    required this.startPoint,
    required this.endPoint,
    this.routeType = RouteType.drive,
  });

  @override
  _RoutePlanningPageState createState() => _RoutePlanningPageState();
}

class _RoutePlanningPageState extends State<RoutePlanningPage> {
  late AMapSearch _search;
  List<Polyline> _polylines = [];
  
  @override
  void initState() {
    super.initState();
    _search = AMapSearch();
    _planRoute();
  }

  Future<void> _planRoute() async {
    try {
      // 设置起点终点
      final start = LatLonPoint(
        latitude: widget.startPoint.latitude,
        longitude: widget.startPoint.longitude,
      );
      final end = LatLonPoint(
        latitude: widget.endPoint.latitude,
        longitude: widget.endPoint.longitude,
      );
      
      // 根据选择的模式调用不同方法
      AMapRouteResult result;
      switch(widget.routeType) {
        case RouteType.drive:
          result = await _search.driveRoute(start, end);
          break;
        case RouteType.bus:
          result = await _search.busRoute(start, end);
          break;
        case RouteType.walk:
          result = await _search.walkRoute(start, end);
          break;
        case RouteType.ride:
          result = await _search.rideRoute(start, end);
          break;
      }
      
      // 处理路线结果
      if (result.paths != null && result.paths!.isNotEmpty) {
        setState(() {
          _polylines = result.paths!.map((path) {
            return Polyline(
              points: path.steps.expand((step) => step.polyline).map((point) {
                return LatLng(point.latitude, point.longitude);
              }).toList(),
              color: Colors.blue,
              width: 5,
            );
          }).toList();
        });
      }
    } catch (e) {
      print('路线规划失败: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('路线规划')),
      body: AMapWidget(
        apiKey: '你的高德地图Key',
        polylines: Set<Polyline>.of(_polylines),
        initialCameraPosition: CameraPosition(
          target: widget.startPoint,
          zoom: 15,
        ),
      ),
    );
  }
}

enum RouteType { drive, bus, walk, ride }

3. 多模式切换实现

可以添加底部按钮栏切换不同路线模式：

BottomAppBar(
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceAround,
    children: [
      _buildRouteTypeButton(RouteType.drive, Icons.directions_car),
      _buildRouteTypeButton(RouteType.bus, Icons.directions_bus),
      _buildRouteTypeButton(RouteType.walk, Icons.directions_walk),
      _buildRouteTypeButton(RouteType.ride, Icons.directions_bike),
    ],
  ),
),

Widget _buildRouteTypeButton(RouteType type, IconData icon) {
  return IconButton(
    icon: Icon(icon),
    color: widget.routeType == type ? Colors.blue : Colors.grey,
    onPressed: () {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(
          builder: (context) => RoutePlanningPage(
            startPoint: widget.startPoint,
            endPoint: widget.endPoint,
            routeType: type,
          ),
        ),
      );
    },
  );
}

注意事项

1. 确保已正确配置高德地图Android/iOS SDK
2. 处理好定位权限
3. 建议添加路线规划失败的错误处理
4. 可根据需求显示路线详情（距离、时间等）

以上代码实现了Flutter中高德地图的多模式路径规划功能，可根据实际需求进一步优化UI和交互。