Flutter地图导航插件map_launcher的使用

Map Launcher 是一个Flutter插件，用于查找设备上已安装的地图应用程序，并启动它们以显示标记或导航路线。它支持多种地图应用，如Google Maps、Apple Maps（仅iOS）、Waze等。

开始使用

添加依赖项

在pubspec.yaml文件中添加以下内容：

dependencies:
  map_launcher: ^3.5.0
  flutter_svg: # 如果您想使用图标作为SVG，则需要此依赖项

iOS配置

对于iOS，在Info.plist文件中添加URL方案：

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>comgooglemaps</string>
    <string>baidumap</string>
    <string>iosamap</string>
    <string>waze</string>
    <string>yandexmaps</string>
    <string>yandexnavi</string>
    <string>citymapper</string>
    <string>mapswithme</string>
    <string>osmandmaps</string>
    <string>dgis</string>
    <string>qqmap</string>
    <string>here-location</string>
    <string>tomtomgo</string>
    <string>copilot</string>
    <string>com.sygic.aura</string>
    <string>nmap</string>
    <string>kakaomap</string>
    <string>tmap</string>
    <string>szn-mapy</string>
    <string>mappls</string>
</array>

使用方法

获取已安装的地图列表并启动第一个

import 'package:map_launcher/map_launcher.dart';

final availableMaps = await MapLauncher.installedMaps;
print(availableMaps); // [AvailableMap { mapName: Google Maps, mapType: google }, ...]

await availableMaps.first.showMarker(
  coords: Coords(37.759392, -122.5107336),
  title: "Ocean Beach",
);

检查特定地图是否已安装并启动它

import 'package:map_launcher/map_launcher.dart';

if (await MapLauncher.isMapAvailable(MapType.google)) {
  await MapLauncher.showMarker(
    mapType: MapType.google,
    coords: coords,
    title: title,
    description: description,
  );
}

API

显示标记

显示导航

示例代码

下面是一个完整的示例代码，展示了如何使用Map Launcher插件：

import 'package:flutter/material.dart';
import 'package:map_launcher/map_launcher.dart';
import 'package:flutter_svg/flutter_svg.dart';

void main() => runApp(MapLauncherDemo());

class MapLauncherDemo extends StatelessWidget {
  openMapsSheet(context) async {
    try {
      final coords = Coords(37.759392, -122.5107336);
      final title = "Ocean Beach";
      final availableMaps = await MapLauncher.installedMaps;

      showModalBottomSheet(
        context: context,
        builder: (BuildContext context) {
          return SafeArea(
            child: SingleChildScrollView(
              child: Container(
                child: Wrap(
                  children: <Widget>[
                    for (var map in availableMaps)
                      ListTile(
                        onTap: () => map.showMarker(
                          coords: coords,
                          title: title,
                        ),
                        title: Text(map.mapName),
                        leading: SvgPicture.asset(
                          map.icon,
                          height: 30.0,
                          width: 30.0,
                        ),
                      ),
                  ],
                ),
              ),
            ),
          );
        },
      );
    } catch (e) {
      print(e);
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Map Launcher Demo'),
        ),
        body: Center(child: Builder(
          builder: (context) {
            return MaterialButton(
              onPressed: () => openMapsSheet(context),
              child: Text('Show Maps'),
            );
          },
        )),
      ),
    );
  }
}

这个示例展示了如何通过底部弹出菜单选择已安装的地图应用，并在选定的地图应用中显示指定位置的标记。您可以根据需要修改和扩展此代码，以适应您的应用需求。

已知问题

• Google Maps for Android：设置标记标签的功能存在Bug，已在Google Maps 11.12版本中修复。详情请参阅Google Issue Tracker。
• iOS上的Apple Maps：用户可以“删除”Apple Maps，但实际上只是从主屏幕移除，而不会真正卸载。因此，Apple Maps在iOS上始终会被视为可用。更多详情请参阅Stack Overflow。

希望这些信息对您有所帮助！如果您有任何问题或需要进一步的帮助，请随时提问。