Ionic 地理位置

如今，位置在移动应用程序中起着至关重要的作用。 地理位置插件提供有关设备位置的信息，例如纬度和经度。 查找位置信息的一些常见来源是GPS（全球定位系统）和从网络信号推断出的位置，例如 IP 地址、Wi-Fi 和蓝牙 MAC 地址、RFID 和 GSM/CDMA 蜂窝 ID。

最受欢迎的移动应用程序，例如 WhatsApp、Facebook 和 Instagram，使用地理位置共享您的位置而不是解释方向。 Ola 和 Uber 的应用程序根据地理位置提供乘车服务。

地理位置插件基于W3C 地理位置 API 规范，该规范仅在未提供实现的设备上执行。 在本教程中，我们将逐步使用地理位置插件获取当前位置。

步骤 1： 创建一个新项目。 您可以从 这里 了解如何在 Ionic 4 中创建一个项目。 如果您已经有一个 Ionic 项目，则可以跳过此步骤。

步骤 2： 接下来，导航到项目并使用以下命令安装地理位置插件。

步骤 3： 在 app.module.ts 文件中导入地理位置插件，并将其包含在 providers 中，如下所示。 这是一个强制性步骤。 如果您跳过此步骤，您将发现一个错误，例如 geolocation 没有提供者。 您可以从以下代码片段中理解它。

步骤 4： 打开 home.page.ts 文件并导入地理位置插件，然后使用构造函数创建地理位置类的对象引用。 现在，创建一个函数来获取当前位置。 以下代码片段为您提供了详细的解释。

步骤 5： 创建函数后，打开 home.page.html 文件。 在此文件中，您需要创建一个按钮和点击事件来使用在 home.page.ts 文件中定义的函数。

步骤 6： 现在，您需要添加目标平台来部署应用程序。 您可以使用手机运行和测试该应用程序。 为此，您需要安装以下命令。

如果要在浏览器中测试您的应用程序，请运行以下命令。

步骤 7： 当您执行该应用程序时，您将获得如下所示的输出图像。

现在，单击获取位置按钮，您将以纬度和经度的形式获得您设备的当前位置。 它可以在下面的屏幕中显示。