離子谷歌地圖電容器

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()獲取當前位置。 這是文檔和教程。