如何在Flutter中使用map_view获取用户当前位置并设置初始相机位置

要实现把initialCameraPosition设置为用户当前位置，你需要先获取用户的位置权限与当前坐标，再将该坐标传入map_view的CameraPosition中。下面是具体的实现步骤和代码：

步骤1：添加位置获取依赖 #

首先在你的pubspec.yaml中引入geolocator库（Flutter生态中常用的位置获取工具），同时保留原有的map_view依赖：

dependencies:
  flutter:
    sdk: flutter
  map_view: ^your_current_version # 替换成你正在使用的map_view版本
  geolocator: ^10.0.0 # 可使用最新稳定版本

执行flutter pub get完成依赖安装。

步骤2：配置平台权限 #

不同平台需要配置对应的位置权限描述，否则无法获取位置：

• Android：打开android/app/src/main/AndroidManifest.xml，添加权限声明：

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

• iOS：打开ios/Runner/Info.plist，添加权限说明（替换成符合你业务的描述）：

<key>NSLocationWhenInUseUsageDescription</key>
<string>需要获取您的位置来显示附近的停车位</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>需要获取您的位置来显示附近的停车位</string>

步骤3：改造showMap方法 #

将原同步方法改为异步方法，先完成权限校验与位置获取，再初始化地图：

import 'package:geolocator/geolocator.dart';
import 'package:map_view/map_view.dart';

Future<void> showMap() async {
  // 检查并请求位置权限
  LocationPermission permission = await Geolocator.checkPermission();
  
  if (permission == LocationPermission.denied) {
    permission = await Geolocator.requestPermission();
    if (permission == LocationPermission.denied) {
      // 权限被直接拒绝，可在这里提示用户开启权限
      return;
    }
  }

  if (permission == LocationPermission.deniedForever) {
    // 权限被永久拒绝，引导用户前往应用设置开启
    await Geolocator.openAppSettings();
    return;
  }

  try {
    // 获取用户当前位置，设置高精度定位
    Position currentPosition = await Geolocator.getCurrentPosition(
      desiredAccuracy: LocationAccuracy.high,
    );

    // 初始化地图，用当前位置替换硬编码的经纬度
    mapView.show(
      MapOptions(
        mapViewType: MapViewType.normal,
        showUserLocation: true,
        initialCameraPosition: CameraPosition(
          Location(currentPosition.latitude, currentPosition.longitude), 
          10.0 // 保持原有的缩放级别
        ),
        title: "Parking Spaces"
      ),
      toolbarActions: [const ToolbarAction("Close", 1)]
    );
  } catch (e) {
    // 处理位置获取失败的情况（比如用户未开启GPS）
    print("获取当前位置失败：$e");
    // 可在这里给用户展示弹窗提示
  }
}

步骤4：调用改造后的showMap #

由于showMap现在是异步方法，调用时需要使用await关键字，例如在按钮点击事件中：

ElevatedButton(
  onPressed: () async {
    await showMap();
  },
  child: const Text("显示地图"),
)

这样修改后，地图启动时就会自动定位到用户当前位置了。需要注意的是，一定要做好权限与异常处理，避免因为权限问题或定位失败导致功能不可用。

内容的提问来源于stack exchange，提问作者Keshav Aditya R P