离子谷歌地图电容器

Question

我可以使用这个带电容器的 Ionic Google Maps 插件（ https://github.com/mapsplugin/cordova-plugin-googlemaps-doc ）吗？ 我试试

npm 安装cordova-plugin-googlemaps npm 安装@ionic-native/googlemaps

但没有成功。 我如何安装它与电容器？ 以及如何获得当前的 position？ 我正在使用 Angular。

我需要使用它，因为原生地理定位不适用于旧的 Android 版本。

Answer 1

特定于电容器，谷歌地图完美运行。

我建议您按照本教程进行操作。 如果不需要，可以忽略本教程中的 nativegeocoder 实现。

上面的教程基于在 index.html 文件中包含 javascript api 然后在代码中引用它。

与谷歌 javascript 文档中提到的所有功能完美配合。

在离子电容器应用程序中有两种实现谷歌地图的方法。

1. 使用 cordova 插件（集成了谷歌地图原生 SDK）
2. 使用谷歌地图 javascript API

阅读本文以了解差异

另一个实现谷歌地图的教程

不要忘记在您需要访问 map 的 your.ts 文件中导入语句后将其放入。

声明 var google；

一旦你像在教程中那样集成了它，对于谷歌地理定位，添加这个..

this.googleGeocoder = new google.maps.Geocoder();
this.googleGeocoder.geocode({'location': latlng},(results,status)=>{
  if (status === 'OK') {
     // do your stuff
  }
})

Answer 2

您打错了 package 名称，它是@ionic-native/google-maps ，而不是@ionic-native/googlemaps 。 此外，如果您使用的是@ionic-native/google-maps ，则无需安装其他 package。

对于安装，首先您必须创建 Google Maps API 密钥。

然后，运行：

npm install @ionic-native/core@beta @ionic-native/google-maps@beta

ionic cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps --variable API_KEY_FOR_ANDROID="..." --variable API_KEY_FOR_IOS="..."

用您的 API 密钥替换... s。

关于获取当前position，需要使用LocationService.getMyLocation()获取当前位置。 这是文档和教程。