Cordova iOS调用comgooglemaps遇阻：未装谷歌地图时的兼容处理求助

我之前在做Cordova iOS项目时完全碰到过这个坑！用comgooglemaps scheme调谷歌地图搜东西，装了App的用户用得顺得很，没装的直接要么弹错误要么没反应，体验差到爆。折腾了半天终于搞出一套靠谱的解决方案，分享给你：

第一步：检测谷歌地图是否安装 #

要实现这个功能，我们需要用到Cordova的cordova-plugin-appavailability插件，它专门用来检测设备上是否安装了指定App。

1. 安装插件 #

先在项目里装这个插件：

cordova plugin add cordova-plugin-appavailability

2. 编写检测逻辑 #

iOS上谷歌地图的URL Scheme是comgooglemaps://，我们通过这个来判断是否安装：

function checkGoogleMapsStatus() {
  // 只在iOS平台执行检测
  if (cordova.platformId !== 'ios') return;

  appavailability.check(
    'comgooglemaps://',
    // 已安装的回调：直接调用谷歌地图App
    function() {
      console.log('谷歌地图已安装，直接打开App');
      openGoogleMapsInApp('北京天安门'); // 替换成你的搜索关键词
    },
    // 未安装的回调：降级到浏览器或其他地图
    function() {
      console.log('谷歌地图未安装，启动降级方案');
      openAlternativeMap('北京天安门');
    }
  );
}

第二步：已安装时调用谷歌地图App执行搜索 #

直接用comgooglemaps scheme构造搜索链接，调用系统打开：

function openGoogleMapsInApp(searchKeyword) {
  var encodedKeyword = encodeURIComponent(searchKeyword);
  // 构造搜索URL，可添加center、zoom等参数优化定位
  var mapUrl = `comgooglemaps://?q=${encodedKeyword}&center=39.9042,116.4074&zoom=15`;
  cordova.InAppBrowser.open(mapUrl, '_system');
}

第三步：未安装时的降级方案 #

这里提供两种思路，你可以结合使用：

1. 跳转到谷歌地图网页版 #

如果用户没装App，直接用浏览器打开网页版搜索：

function openGoogleMapsWeb(searchKeyword) {
  var encodedKeyword = encodeURIComponent(searchKeyword);
  var webUrl = `https://www.google.com/maps/search/?api=1&query=${encodedKeyword}`;
  cordova.InAppBrowser.open(webUrl, '_system');
}

2. 调用用户已安装的其他地图App #

可以优先检测国内常用的地图（比如高德、百度、苹果自带地图），找到第一个已安装的就打开：

function openAlternativeMap(searchKeyword) {
  // 定义常用地图的Scheme和搜索链接格式
  var alternativeMaps = [
    {
      scheme: 'iosamap://', // 高德地图
      buildUrl: (keyword) => `iosamap://search?sourceApplication=你的App名称&keywords=${encodeURIComponent(keyword)}`
    },
    {
      scheme: 'baidumap://', // 百度地图
      buildUrl: (keyword) => `baidumap://map/geocoder?address=${encodeURIComponent(keyword)}`
    },
    {
      scheme: 'maps://', // 苹果自带地图
      buildUrl: (keyword) => `maps://?q=${encodeURIComponent(keyword)}`
    }
  ];

  // 递归检测下一个地图App
  function tryNextMap(index) {
    if (index >= alternativeMaps.length) {
      // 所有地图都没装，跳谷歌网页版
      openGoogleMapsWeb(searchKeyword);
      return;
    }
    const currentMap = alternativeMaps[index];
    appavailability.check(
      currentMap.scheme,
      () => cordova.InAppBrowser.open(currentMap.buildUrl(searchKeyword), '_system'),
      () => tryNextMap(index + 1)
    );
  }

  tryNextMap(0);
}

关键注意事项 #

1. 添加Scheme白名单：在config.xml里添加允许跳转的Scheme，不然iOS会拦截：

<allow-intent href="comgooglemaps://*" />
<allow-intent href="iosamap://*" />
<allow-intent href="baidumap://*" />
<allow-intent href="maps://*" />
<allow-intent href="https://www.google.com/maps/*" />

2. iOS 9+权限配置：需要在Info.plist里添加LSApplicationQueriesSchemes数组，允许检测这些Scheme。可以通过config.xml直接配置：

<platform name="ios">
  <config-file parent="LSApplicationQueriesSchemes" target="*-Info.plist">
    <array>
      <string>comgooglemaps</string>
      <string>iosamap</string>
      <string>baidumap</string>
      <string>maps</string>
    </array>
  </config-file>
</platform>

3. 真机测试：模拟器上一般没有第三方地图App，一定要用真机测试整个流程。

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