【问题标题】:Ionic 3 - check if location is enabledIonic 3 - 检查位置是否已启用
【发布时间】:2019-01-21 21:37:40
【问题描述】:

我正在尝试将几件事合二为一。我要做的第一件事是获取设备位置。在android上,它提示授予应用程序访问位置的权限,这一切都很好。 我正在尝试检查设备是否打开了位置,如果没有,我想使用switchToLocationSettings() 提示用户这样做。 我遇到的问题是,当我添加下面的代码时,没有从this._DIAGNOSTIC.isLocationEnabled().then((isEnabled) => { 行运行,我一遍又一遍地按下按钮,什么也没有。请如何提示用户打开设备位置,然后使用switchToLocationSettings() 导航,当它打开时,我可以获取用户位置并返回它。谢谢

html**

<ion-item> <ion-label color="primary" stacked>Enter your zip code</ion-label> <button item-right ion-button (click)="getGeolocation()" ion-button clear color="dark" type="button" item-right large> <ion-icon color="dark" name="locate" md="md-locate" color="primary"></ion-icon> </button> </ion-item>

ts

import { Component } from '@angular/core';
import { NavController, Platform, LoadingController, AlertController } from 'ionic-angular';
import { Geolocation, Geoposition, GeolocationOptions }  from '@ionic-native/geolocation';
import { Diagnostic } from '@ionic-native/diagnostic';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  geolocationOptions: GeolocationOptions;
  loading             : any;
  location            : Object;

  constructor(
    private alertCtrl : AlertController,
    private _DIAGNOSTIC: Diagnostic,
    private _GEO : Geolocation,
    private loadingCtrl: LoadingController,
    public navCtrl: NavController,
    private _PLATFORM : Platform,
    public restProvider: RestProvider
  ) {
  }

   async getDeviceCurrentPosition() {
    await this._PLATFORM.ready();
    this.geolocationOptions = {
      enableHighAccuracy: true
    }
    await this._GEO.getCurrentPosition(this.geolocationOptions).then((loc : any) =>
    {
      console.log("getting position");
      //check if location is turn on
      this.loading = this.loadingCtrl.create({
        spinner: 'crescent',
        content: 'Loading Please Wait...',
      });
      this.loading.present();
        this._DIAGNOSTIC.isLocationEnabled().then((isEnabled) => {
          if(!isEnabled && (this._PLATFORM.is('android') || this._PLATFORM.is('ios'))){
            let confirm = this.alertCtrl.create({
              title: '<b>Location</b>',
              message: "For best results, turn on devices location.",
              buttons: [
                {
                  text: 'cancel',
                  role: 'Cancel',
                  handler: () => {
                    this.closeLoader();
                  }
                },
                {
                  text: 'Ok',
                  handler: () => {
                    this._DIAGNOSTIC.switchToLocationSettings();
                  }
                }
              ]
            });
            confirm.present();
            }
        })
        .catch((error : any) => 
        {
          this.closeLoader();
          console.log('Location Not enabled', error);
        });

      })
      .catch((error : any) =>
      {
        console.log('Error getting location', error);
      });
  }


  private closeLoader(){
    this.loading.dismiss();
  }
}

【问题讨论】:

    标签: angular cordova ionic-framework geolocation ionic3


    【解决方案1】:

    您应该先检查位置是否启用,然后获取当前位置。您正在以相反的方式进行操作。 getCurrentPosition 方法返回一个Promise,它根据设备的位置进行解析。如果未启用该位置,则不会返回任何 Promise。 所以代码将是,

    this._DIAGNOSTIC.isLocationEnabled().then((isEnabled) => {
      if(!isEnabled && this._PLATFORM.is('cordova')){
          //handle confirmation window code here and then call switchToLocationSettings
        this._DIAGNOSTIC.switchToLocationSettings();
      }
      else{
          this._GEO.getCurrentPosition(this.geolocationOptions).then((loc : any) =>
           {
               //Your logic here
           }
          )
      }
    })
    

    【讨论】:

    • 您好,感谢您的回答。但是对于switchToLocationSettings,我如何收听更改然后刷新视图或重新加载应用程序?
    • this._DIAGNOSTIC.registerLocationStateChangeHandler(handler),可以添加一个handler方法来检测位置状态的变化。您可以点击此链接npmjs.com/package/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-05
    • 2014-07-26
    • 2021-03-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多