Flutter中如何唤起安装的地图

在Flutter应用中，如何通过用户手机上已安装的地图应用（如Google Maps、高德地图等）打开指定位置？需要支持Android和iOS平台，最好能提供通用的实现方案。如果用户没有安装特定地图应用，该如何优雅地降级处理？

在Flutter中，可通过url_launcher包唤起地图。示例代码：

import 'package:url_launcher/url_launcher.dart';

void openMap(double lat, double lng) async {
  String url = 'https://maps.google.com/?q=$lat,$lng';
  if (await canLaunch(url)) {
    await launch(url);
  }
}

支持Google地图，也可替换为其他地图URL。

更多关于Flutter中如何唤起安装的地图的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

h691938207 2楼

在Flutter中唤起设备上已安装的地图应用，主要有以下几种方式：

1. 使用 url_launcher 包（推荐）

这是最常用的方法，通过构造特定格式的URL来唤起地图应用。

步骤：

在 pubspec.yaml 中添加依赖：

dependencies:
  url_launcher: ^6.1.0

代码实现：

import 'package:url_launcher/url_launcher.dart';

// 唤起地图应用（支持经纬度或地址）
_launchMap(double latitude, double longitude, String label) async {
  // 构造URL（支持Google Maps、Apple Maps等）
  final String url = 'https://www.google.com/maps/search/?api=1&query=$latitude,$longitude';
  
  // 或者使用地址
  // final String url = 'https://www.google.com/maps/search/?api=1&query=$label';
  
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw '无法打开地图应用';
  }
}

// 调用示例
_launchMap(39.9042, 116.4074, '北京市');

2. 使用 platform-specific 方式

对于特定平台，可以使用不同的URL Scheme：

Android:

// Google Maps
final String url = 'geo:0,0?q=$latitude,$longitude($label)';

// 或使用 intent
final String url = 'intent://map/search?q=$latitude,$longitude#Intent;scheme=geo;package=com.google.android.apps.maps;end';

iOS:

// Apple Maps
final String url = 'http://maps.apple.com/?ll=$latitude,$longitude&q=$label';

// 或使用地图应用
final String url = 'comgooglemaps://?center=$latitude,$longitude&q=$label';

3. 完整示例代码

Future<void> openMap(double lat, double lng, String label) async {
  String url = '';
  
  if (Platform.isAndroid) {
    url = 'geo:0,0?q=$lat,$lng($label)';
  } else if (Platform.isIOS) {
    url = 'http://maps.apple.com/?ll=$lat,$lng&q=$label';
  }
  
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    // 备用方案：使用Web版Google Maps
    String webUrl = 'https://www.google.com/maps/search/?api=1&query=$lat,$lng';
    if (await canLaunch(webUrl)) {
      await launch(webUrl);
    } else {
      throw '无法打开地图应用';
    }
  }
}

注意事项：

在Android上需要在 AndroidManifest.xml 中添加查询权限：

<queries>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="https" />
  </intent>
</queries>

在iOS上需要在 Info.plist 中添加URL Schemes：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>comgooglemaps</string>
  <string>maps</string>
</array>