Tejas Rana
  • _home
  • _blogs
  • _services
  • _contact-me
Tejas Rana
About.Blogs.Services.Contact.
  • LinkedIn
  • Instagram
  • Facebook

© 2025 — CopyrightAll Rights reserved

Contact Us
[email protected]+91 9530107998
← Back to all blogs

Angular Typescript Geo Info Module

September 12, 2018Updated: May 23, 2024

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 { […]

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 : , altitude : , altitudeAccuracy : , heading : , latitude : , longitude : , speed : , timestamp : , }

Error Response

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

Success Response

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

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

← Back to all blogs