Ionic2 Google Maps JS SDK 不适用于 Ionic View

Posted

技术标签:

【中文标题】Ionic2 Google Maps JS SDK 不适用于 Ionic View【英文标题】:Ionic2 Google Maps JS SDK does not work on Ionic View 【发布时间】:2017-11-02 14:43:20 【问题描述】:

我制作了一个使用 Google Maps javascript SDK 的应用。在浏览器、模拟器和连接的设备(android 6 和 ios 10)上使用“ionic serve”时,它可以完美运行。在使用“ionic run android”时也能很好地工作。但是当我发送到 Ionic View 时,地图功能不会出现。 我已经输入了我的 API 密钥并尝试使用 enableProdMode(),但没有任何东西可以显示地图功能。 有什么建议吗?

我的软件版本:

OSX Sierra
ionic 2.2.3
cordova 7.0.1
node 6.9.1
npm 4.2.0

我也想知道是否有任何方法可以在 Ionic View 中调试应用程序。

【问题讨论】:

【参考方案1】:

如果您能向我们展示一些代码,那就太好了。没有它很难找到问题。 就我而言,我忘了添加 geolocation 插件。添加cordova plugin add cordova-plugin-geolocation。 这也可以帮助你: https://forum.ionicframework.com/t/ionic-google-maps-referenceerror-google-is-not-defined/22550/6

【讨论】:

这里是您可以查看此功能使用的代码的链接。 github.com/alanoteles/mapabeauty-ionic 重要的是要说这段代码在机器上插入的设备上运行,使用“ionic run android”。该问题仅发生在 Ionic View 上。 这里是安装的插件: $ cordova plugin list com.googlemaps.ios 2.2.0-fixed "Google Maps SDK for iOS" cordova-plugin-compat 1.1.0 "Compat" cordova-plugin-控制台 1.0.5“控制台”cordova-plugin-device 1.1.4“设备”cordova-plugin-geolocation 2.4.3“地理位置”cordova-plugin-googlemaps 1.4.0“phonegap-googlemaps-plugin”cordova-plugin-splashscreen 4.0 .3“启动画面”cordova-plugin-statusbar 2.2.2“StatusBar”cordova-plugin-whitelist 1.3.1“白名单”ionic-plugin-keyboard 2.2.1“键盘” ty 'declare var google' 在顶部。喜欢进口

以上是关于Ionic2 Google Maps JS SDK 不适用于 Ionic View的主要内容,如果未能解决你的问题,请参考以下文章

Ionic 2 Angular 2 Google Maps 从数据库坐标中添加多个标记

google_maps_flutter sdk 问题

NativeScript:@nativescript/geolocation 与 nativescript-google-maps-sdk

com.google.android.gms:play-services-maps 的最佳 sdk 版本是啥?

如何更新 Google Maps SDK iOS

iOS 中使用 nativescript-google-maps-sdk 的地图中心错误