如何在 ionic Angular 代码中获取位置数据

Question

我正在创建一个使用位置和媒体的小型离子角度应用程序。我已经安装了电容器组。已经使用过 npm install @capacitor/geolocation，npm install @capacitor/camera。 1.定位页面导入地理位置。 2. 这是我用过的功能：

import { Geolocation } from '@capacitor/geolocation'; -  importing.
 async getCurrentLocation() {
    try {
      const coordinates = await Geolocation.getCurrentPosition();
      const latitude = coordinates.coords.latitude;
      const longitude = coordinates.coords.longitude;
      console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
    } catch (error) {
      console.error('Error getting location', error);
    }
  }

3. 当我控制台时我看不到坐标。
4. 这是我用过的html

 <ion-button (click)="getCurrentLocation()">Get Location</ion-button>

5. 如果我遗漏了任何与位置相关的信息，请告诉我。

6. 我需要从响应中获取位置坐标。

Answer 1

1. 添加 Android 和 iOS 所需的权限。
2. 在您想要当前位置的位置添加以下代码

从'@capacitor/geolocation'导入{地理位置}；

  import { GeoLocation } from '@capacitor/geolocation';
  
  await Geolocation.getCurrentPosition().then(geoPosition => {
  console.log("Geolocation", geoPosition);

    const coordinates: Coordinates = {
      lat: geoPosition.coords.latitude,
      lng: geoPosition.coords.longitude
    };
  })
  .catch(err => {
    console.log(err);
  });