【问题标题】:Google Map on Android appears blankAndroid 上的谷歌地图显示为空白
【发布时间】:2020-06-06 19:45:25
【问题描述】:

我在我的 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

编译了应用程序

【问题讨论】:

  • 你能检查一下你的API key是否有限制吗?

标签: cordova ionic-framework google-maps-api-3


【解决方案1】:

您使用的是哪个版本的 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/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-05-16
    • 1970-01-01
    • 2016-04-09
    • 2016-01-10
    • 1970-01-01
    相关资源
    最近更新 更多