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

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(value);
    });
    this.geoService.get('latitude').then(value => {
      console.log(value);
    }, (err) => {
        console.log(value);
    });
    this.geoService.get('longitude').then(value => {
      console.log(value);
    , (err) => {
        console.log(value);
    });
  }
}

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>,
    }
}

NPM URL: https://www.npmjs.com/package/ngx-geo-info-angular