Flutter中如何从当前位置识别最近的Google Maps标记并实现导航

算力阿峰

2026-9-29

你当前的代码已经完成了标记加载和定位获取的基础能力，以下是可直接落地的实现方案：

应用界面截图

实现思路

距离计算：通过哈弗辛公式计算用户当前定位和所有标记点的球面直线距离，避免平面计算的误差，单位统一为米。
最近点匹配：遍历所有标记，对比距离值筛选出距离最小的标记作为目标点。
地图视角联动：调用已初始化的GoogleMapController将地图视角平滑移动到最近点位置，同时主动弹出标记信息窗展示点位信息。
导航能力实现：通过url_schema跳转系统已安装的谷歌地图完成导航，无需额外集成重型导航SDK，适配安卓和iOS双端。

代码实现参考

首先新增距离计算工具方法：

import 'dart:math' as math;

// 计算两个经纬度点之间的直线距离，返回值单位为米
double calculateDistance(double lat1, double lon1, double lat2, double lon2) {
  const earthRadius = 6371000; // 地球平均半径，单位米
  final dLat = math.pi * (lat2 - lat1) / 180.0;
  final dLon = math.pi * (lon2 - lon1) / 180.0;
  final a = math.sin(dLat / 2) * math.sin(dLat / 2) +
      math.cos(math.pi * lat1 / 180.0) *
          math.cos(math.pi * lat2 / 180.0) *
          math.sin(dLon / 2) *
          math.sin(dLon / 2);
  final c = 2 * math.atan2(math.sqrt(a), math.sqrt(1 - a));
  return earthRadius * c;
}

然后在_MapBodyState中新增查找最近标记的方法：

// 遍历所有标记，返回距离当前用户位置最近的标记
Marker? findNearestMarker(LatLng userLocation) {
  if (allControlMarkers.isEmpty) return null;
  Marker? nearestMarker;
  double minDistance = double.infinity;
  for (var marker in allControlMarkers) {
    double distance = calculateDistance(
      userLocation.latitude,
      userLocation.longitude,
      marker.position.latitude,
      marker.position.longitude,
    );
    if (distance < minDistance) {
      minDistance = distance;
      nearestMarker = marker;
    }
  }
  return nearestMarker;
}

新增导航跳转方法，需要先在pubspec.yaml中添加url_launcher: ^6.1.14依赖：

import 'package:url_launcher/url_launcher.dart';

// 跳转到导航应用，优先调谷歌地图APP
Future<void> launchNavigation(LatLng targetPos) async {
  final navUrl = Uri.parse('google.navigation:q=${targetPos.latitude},${targetPos.longitude}&mode=d');
  if (await canLaunchUrl(navUrl)) {
    await launchUrl(navUrl);
  }
}

最后在AppBar新增触发按钮，修改你现有代码的AppBar部分：

appBar: AppBar(
  title: Text("All Points"),
  centerTitle: false,
  toolbarHeight: 35,
  elevation: 15,
  primary: true,
  backgroundColor: Colors.deepOrange,
  // 新增最近点位按钮
  actions: [
    IconButton(
      icon: const Icon(Icons.near_me),
      onPressed: () async {
        // 定位未加载完成时不响应
        if (applicationBloc.currentLocation == null) return;
        final userLatLng = LatLng(
          applicationBloc.currentLocation!.latitude,
          applicationBloc.currentLocation!.longitude,
        );
        final nearestMarker = findNearestMarker(userLatLng);
        if (nearestMarker == null) return;
        // 移动地图到最近标记位置
        final mapController = await _mapController.future;
        mapController.animateCamera(
          CameraUpdate.newCameraPosition(
            CameraPosition(target: nearestMarker.position, zoom: 18),
          ),
        );
        // 主动弹出标记信息窗
        mapController.showMarkerInfoWindow(nearestMarker.markerId);
        // 弹出确认导航对话框
        if (!mounted) return;
        showDialog(
          context: context,
          builder: (context) => AlertDialog(
            title: const Text("找到最近点位"),
            content: Text("最近点位为：${nearestMarker.infoWindow.title ?? "未知点位"}，是否启动导航？"),
            actions: [
              TextButton(
                onPressed: () => Navigator.pop(context),
                child: const Text("取消"),
              ),
              TextButton(
                onPressed: () {
                  Navigator.pop(context);
                  launchNavigation(nearestMarker.position);
                },
                child: const Text("导航"),
              ),
            ],
          ),
        );
      },
    )
  ],
),

注意事项

url_launcher需要提前做平台配置：安卓端在AndroidManifest.xml的manifest节点下添加queries标签声明可调用的应用scheme，iOS端在Info.plist的LSApplicationQueriesSchemes数组中添加comgooglemaps、googlenavigation字段，保证跳转逻辑正常。
如果需要内置导航功能，可调用谷歌方向API获取路线数据，通过Polyline组件将路线绘制在当前地图内，该方案需要配置谷歌云API密钥，有免费调用额度。
若标记数量超过1000条，可将距离计算逻辑移入后台隔离区（Isolate）执行，避免UI线程卡顿。

内容的提问来源于stack exchange，提问作者kojo justine