时间戳

首页 > 解决方案 > Android 上的谷歌地图显示为空白

cordova - Android 上的谷歌地图显示为空白

问题描述

我在我的 ionic 项目中使用谷歌地图实现了地图。在浏览器中完美运行，但在 android 中不起作用。地图显示为空白，带有 Google 徽标。

我的代码：

    LocationService.getMyLocation().then(async (myLocation: MyLocation) => {
      let options: GoogleMapOptions = {
        camera: {
          target: myLocation.latLng,
          zoom: 15
        }
      };
      this.gmap = await GoogleMaps.create('map_canvas', options);

    });
  }

我在 config.xml 中有 android 的 API 密钥

<preference name="GOOGLE_MAPS_ANDROID_API_KEY" value="XXXXXXXX" />

在浏览器上运行良好：

但android上什么也没有

在此处输入图像描述

我已经使用命令ionic cordova run android --l编译了应用程序

标签： cordovaionic-frameworkgoogle-maps-api-3

解决方案

您使用的是哪个版本的 Google Native？

你读过这篇文章吗？在某些时候，它指的是选项卡布局，这似乎会产生问题。https://forum.ionicframework.com/t/ionic-4-google-maps-plugin/139786/13

尝试遵循本指南：https ://www.freakyjolly.com/ionic-4-adding-google-maps-sdk-cordova-plugin-in-ionic-4-application/

推荐阅读