Android端可正常打开Google Maps，iOS端点击无响应问题排查

我开发了一个嵌套GoogleMap组件的GestureDetector，点击本应打开Google Maps应用（也尝试过在浏览器打开）。该功能在Android模拟器和真机上正常运行，但iOS模拟器和真机上点击无响应。地图能正常显示，也可进行缩放等交互操作，API无限制、相关配置已正确设置。

相关源码如下：

//Google Maps
final Completer<GoogleMapController> _controller =
    Completer<GoogleMapController>();

static const CameraPosition _kGooglePlex = CameraPosition(
  target: LatLng(51.917405387278585, -8.397318089507758),
  zoom: 17,
);

static const CameraPosition _initialCameraPosition = CameraPosition(
    bearing: 192.8334901395799,
    target: LatLng(51.917405387278585, -8.397318089507758),
    tilt: 59.440717697143555,
    zoom: 19.151926040649414);

//Launch google maps app
void launchGoogleMaps() async {
  // Define the latitude and longitude of the desired location
  final double latitude = 51.917405387278585;
  final double longitude = -8.397318089507758;

  final Uri googleMapsUrl = Uri.parse(
      'https://www.google.com/maps/search/?api=1&query=$latitude,$longitude');

  _launch(googleMapsUrl);
}

Future<void> _launch(Uri url) async {
  if (await canLaunchUrl(url)) {
    await launchUrl(url);
  } else {
    throw 'Could not launch Google Maps';
  }
}

//**Attempt to open on browser failed on both platforms
Future<void> openGoogleMapsInBrowser() async {
  final double latitude = 51.917405387278585;
  final double longitude = -8.397318089507758;

  final Uri googleMapsUrl =
      Uri.parse('https://www.google.com/maps?q=$latitude,$longitude');

  if (await canLaunchUrl(googleMapsUrl)) {
    await launchUrl(googleMapsUrl);
  } else {
    throw 'Could not launch Google Maps in the web browser.';
  }
}


Padding(
  padding: const EdgeInsets.all(22.0),
  child: ClipRRect(
    borderRadius: BorderRadius.circular(20),
    child: GestureDetector(
      onTap: launchGoogleMaps,
      child: SizedBox(
        height: 300,
        child: GoogleMap(
          mapType: MapType.hybrid,
          initialCameraPosition: _kGooglePlex,
          onMapCreated:
              (GoogleMapController controller) {
            _controller.complete(controller);

            // Add the marker to the map when it's created
            setState(() {
              _markers.add(
                Marker(
                  markerId: MarkerId('your_marker_id'),
                  position: LatLng(51.917405387278585,
                      -8.397318089507758),

                  icon: BitmapDescriptor
                      .defaultMarkerWithHue(
                          BitmapDescriptor.hueRed),
                  // Add other properties as needed
                ),
              );
            });
          },
          markers:
              _markers, // Set the markers on the map
        ),
      ),
    ),
  ),
),

我已确认所有导入正确、配置无误，请问是什么原因导致iOS端点击无响应？

1. iOS端GoogleMap组件拦截了点击事件 #

GoogleMap在iOS的原生视图会默认消费触摸事件，导致外层GestureDetector无法接收onTap回调。可以通过配置gestureRecognizers参数解决：

• 直接将点击事件绑定到地图的手势识别器：

GoogleMap(
  // 原有参数保持不变
  gestureRecognizers: {
    Factory<OneSequenceGestureRecognizer>(
      () => TapGestureRecognizer()..onTap = launchGoogleMaps,
    ),
  },
)

• 若要保留地图缩放等手势，同时让外层GestureDetector生效，使用EagerGestureRecognizer：

import 'package:flutter/gestures.dart';

// ...

GoogleMap(
  // 原有参数保持不变
  gestureRecognizers: {
    Factory<EagerGestureRecognizer>(() => EagerGestureRecognizer()),
  },
)

这个手势识别器会优先让父级GestureDetector响应点击，不影响地图其他交互。

2. iOS URL Scheme配置缺失 #

iOS打开外部应用需要在Info.plist中配置LSApplicationQueriesSchemes，添加Google Maps的scheme：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>comgooglemaps</string>
  <string>comgooglemaps-x-callback</string>
</array>

另外，建议优先使用Google Maps的专属scheme而非网页链接，稳定性更高：

final Uri googleMapsUrl = Uri.parse('comgooglemaps://?q=$latitude,$longitude');

可以做降级处理：若用户未安装Google Maps，再跳转网页链接。

3. launchUrl参数配置不全 #

调用launchUrl时需指定mode参数，确保iOS上正确打开外部链接：

await launchUrl(url, mode: LaunchMode.externalApplication);

该参数会强制打开外部应用，避免因应用内web视图层级问题导致无响应。

内容的提问来源于stack exchange，提问作者Milan Labus