Flutter-如何使用google地图沿折线移动标记

dependencies:
  google_maps_flutter: ^2.0.10

import 'package:google_maps_flutter/google_maps_flutter.dart';

GoogleMap(
  onMapCreated: (GoogleMapController controller) {
    // 在地图创建后，可以通过控制器来操作地图
  },
),

GoogleMapController controller;

void onMapCreated(GoogleMapController controller) {
  this.controller = controller;

  // 创建折线
  final polyline = Polyline(
    polylineId: PolylineId('polyline'),
    points: [
      LatLng(37.421998, -122.084),
      LatLng(37.427961, -122.085),
      LatLng(37.432962, -122.080),
    ],
    color: Colors.blue,
    width: 5,
  );

  // 在地图上添加折线
  controller.addPolyline(polyline);

  // 创建标记
  final marker = Marker(
    markerId: MarkerId('marker'),
    position: LatLng(37.421998, -122.084),
    icon: BitmapDescriptor.defaultMarker,
  );

  // 在地图上添加标记
  controller.addMarker(marker);

  // 实现标记沿折线移动的效果
  animateMarker();
}

void animateMarker() async {
  // 获取折线上的所有点
  final points = [
    LatLng(37.421998, -122.084),
    LatLng(37.427961, -122.085),
    LatLng(37.432962, -122.080),
  ];

  // 循环移动标记
  for (final point in points) {
    await Future.delayed(Duration(seconds: 1));

    // 移动标记到下一个点
    controller.animateCamera(CameraUpdate.newLatLng(point));
  }
}