An (AOT ready) Angular (9+) service for Geo coordination.

For older version please visit: https://www.npmjs.com/package/ngx-geo-info-angular/v/1.0.5

Installation

npm install ngx-geo-info-angular --save

Add the cookie service to your app.module.ts as a provider:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';
import { NgxGeoCoordinatesInfoModule } from 'ngx-geo-info-angular';

@NgModule({
  declarations: [ AppComponent ],
  imports: [ BrowserModule, FormsModule, HttpModule, NgxGeoCoordinatesInfoModule ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

Then, import and inject it into a component:

import { Component, OnInit } from '@angular/core';
import { NgxGeoCoordinatesInfo } from 'ngx-geo-info-angular';

@Component({
  selector: 'demo-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.scss' ]
})
export class AppComponent implements OnInit {
  constructor( private geoService: NgxGeoCoordinatesInfo ) { }
  ngOnInit(): void {
   this.geoService.getAll().then(value => {
            console.log(value);
        }, (err) => {
            console.log(err);
        });
        this.geoService.get('latitude').then(value => {
            console.log(value);
        }, (err) => {
            console.log(err);
        });
        this.geoService.get('longitude').then(value => {
            console.log(value);
        }, (err) => {
            console.log(err);
        });
}

That's it!

Methods

get( name: string ): string;

this.geoService.get('latitude').then(value => {
      console.log(value);
}, (err) => {
      console.log(value);
});

getAll(): {};

this.geoService.getAll().then(value => {
      console.log(value);
}, (err) => {
      console.log(value);
});

Parameter

{
  accuracy : <number>,
  altitude : <it work if your browser support>,
  altitudeAccuracy : <it work if your browser support>,
  heading : <it work if your browser support>,
  latitude : <double/float>,
  longitude : <double/float>,
  speed : <it work if your browser support>,
  timestamp : <number (TimeStamp) when you get the information>,
}

Error Response

{
    status : error,
    message: 'Error Message',
    data:{
        accuracy : '',
        altitude : '',
        altitudeAccuracy : '',
        heading : '',
        latitude :'',
        longitude : '',
        speed : '',
        timestamp : '',
    }
}

Success Response

{
    status : 'success',
    message: '',
    data: {
        accuracy : <number>,
        altitude : <it work if your browser support>,
        altitudeAccuracy : <it work if your browser support>,
        heading : <it work if your browser support>,
        latitude : <double/float>,
        longitude : <double/float>,
        speed : <it work if your browser support>,
        timestamp : <number (TimeStamp) when you get the information>,
    }
}

If call get only then response will be

{
    status : 'success',
    message: '',
    data: <value>
}

Author

This Geo service is brought to you by Tejas Rana. I built this because I need Geoinformation of the user. and make it in component basis makes me hard to manage. So I built the module and other Users can also use it easily.

Check out the GitHub page for more.