Usare la geolocalizzazione in Angular

Mattepuffo's logo
Usare la geolocalizzazione in Angular

Usare la geolocalizzazione in Angular

Per usare la geolocalizzazione in Angular, non dobbiamo fare altro che usare i classici oggetti/funzioni di Javascript.

Il funzionamento è lo stesso.

Quindi possiamo creare una funzione del genere:

  getGeoLocation(): void {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition((position) => {
        console.log(position.coords.latitude);
        console.log(position.coords.longitude);
      });
    } else {
      alert("Geolocalizzazione non supportata!");
    }
  }

Basterà chiamare questa funzione dove ci serve, ad esempio:

  ngOnInit(): void {
     this.getGeoLocation();
  }

Ci verrà mostrato il classico popup con la richiesta dei permessi.

In caso positivo, verranno mostrate le coordinate in console.

Enjoy!


Condividi su Facebook

Commentami!