RepositoryCurrent collected state Current
Observed since 20 Oct, 21:53 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
1.0.0
npm@007.surajit2023/agm-direction
directive for agm (not official)
Published4 Dec 2023
Direct dependencies49
Transitive dependenciesNot calculated
README
Current package documentationAgm-Direction
Agm-Direction is the directive for @007.surajit2023/agm-core (not official)
- Angular
- Google Map API
How to use?
👉 Start Reading
👉 Build With Ionic
Credit
SebastianM/angular-google-maps - Directions service #495
Installation
Installation is done using the
npm install command:
-
Use npm
npm install --save @007.surajit2023/agm-core agm-direction -
Use yarn
yarn add @007.surajit2023/agm-core agm-direction
Importing Modules
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AgmCoreModule } from '@007.surajit2023/agm-core'; // @007.surajit2023/agm-core
import { AgmDirectionModule } from 'agm-direction'; // agm-direction
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AgmCoreModule.forRoot({ // @007.surajit2023/agm-core
apiKey: 'your key',
}),
AgmDirectionModule, // agm-direction
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Usage
HTML
<agm-map [latitude]="lat" [longitude]="lng">
<agm-direction
[origin]="origin"
[destination]="destination"
>
</agm-direction>
</agm-map>
CSS
agm-map {
height: 400px;
}
TS
public lat = 24.799448;
public lng = 120.979021;
public origin: any;
public destination: any;
ngOnInit() {
this.getDirection();
}
getDirection() {
this.origin = { lat: 24.799448, lng: 120.979021 };
this.destination = { lat: 24.799524, lng: 120.975017 };
// Location within a string
// this.origin = 'Taipei Main Station';
// this.destination = 'Taiwan Presidential Office';
}
Document
- Document Agm-Direction-Docs
- Less useful AgmDirectionModule
Development
git clone https://github.com/explooosion/Agm-Direction.git
npm install
npm run build
npm run pack:lib
cd playground && npm install
# Add gmap api key in environment.ts
npm start
Generator
This library generated by angular-library-starter.
License
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 54
Native requirements49 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
@types/googlemapsEnvironment{
"local_name": "@types/googlemaps",
"alias": false,
"peer_metadata": null
} | 3.39.12 | runtime |
tslibEnvironment{
"local_name": "tslib",
"alias": false,
"peer_metadata": null
} | ^2.2.0 | runtime |
@007.surajit2023/agm-coreEnvironment{
"local_name": "@007.surajit2023/agm-core",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/animationsEnvironment{
"local_name": "@angular/animations",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/commonEnvironment{
"local_name": "@angular/common",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/compilerEnvironment{
"local_name": "@angular/compiler",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/compiler-cliEnvironment{
"local_name": "@angular/compiler-cli",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/coreEnvironment{
"local_name": "@angular/core",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/platform-browserEnvironment{
"local_name": "@angular/platform-browser",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/platform-browser-dynamicEnvironment{
"local_name": "@angular/platform-browser-dynamic",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@angular/platform-serverEnvironment{
"local_name": "@angular/platform-server",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
@compodoc/compodocEnvironment{
"local_name": "@compodoc/compodoc",
"alias": false,
"peer_metadata": null
} | 1.1.11 | development |
@types/googlemapsEnvironment{
"local_name": "@types/googlemaps",
"alias": false,
"peer_metadata": null
} | 3.39.12 | development |
@types/jasmineEnvironment{
"local_name": "@types/jasmine",
"alias": false,
"peer_metadata": null
} | 3.6.7 | development |
@types/nodeEnvironment{
"local_name": "@types/node",
"alias": false,
"peer_metadata": null
} | ^14.14.35 | development |
angular2-template-loaderEnvironment{
"local_name": "angular2-template-loader",
"alias": false,
"peer_metadata": null
} | 0.6.2 | development |
chalkEnvironment{
"local_name": "chalk",
"alias": false,
"peer_metadata": null
} | 2.4.2 | development |
codelyzerEnvironment{
"local_name": "codelyzer",
"alias": false,
"peer_metadata": null
} | ^6.0.0 | development |
core-jsEnvironment{
"local_name": "core-js",
"alias": false,
"peer_metadata": null
} | 3.9.1 | development |
css-loaderEnvironment{
"local_name": "css-loader",
"alias": false,
"peer_metadata": null
} | 2.1.1 | development |
istanbul-instrumenter-loaderEnvironment{
"local_name": "istanbul-instrumenter-loader",
"alias": false,
"peer_metadata": null
} | 3.0.1 | development |
jasmine-coreEnvironment{
"local_name": "jasmine-core",
"alias": false,
"peer_metadata": null
} | 3.7.0 | development |
karmaEnvironment{
"local_name": "karma",
"alias": false,
"peer_metadata": null
} | 5.0.5 | development |
karma-chrome-launcherEnvironment{
"local_name": "karma-chrome-launcher",
"alias": false,
"peer_metadata": null
} | 2.2.0 | development |
karma-coverage-istanbul-reporterEnvironment{
"local_name": "karma-coverage-istanbul-reporter",
"alias": false,
"peer_metadata": null
} | 2.1.1 | development |
karma-jasmineEnvironment{
"local_name": "karma-jasmine",
"alias": false,
"peer_metadata": null
} | 2.0.1 | development |
karma-sourcemap-loaderEnvironment{
"local_name": "karma-sourcemap-loader",
"alias": false,
"peer_metadata": null
} | 0.3.7 | development |
karma-spec-reporterEnvironment{
"local_name": "karma-spec-reporter",
"alias": false,
"peer_metadata": null
} | 0.0.32 | development |
karma-webpackEnvironment{
"local_name": "karma-webpack",
"alias": false,
"peer_metadata": null
} | 4.0.2 | development |
raw-loaderEnvironment{
"local_name": "raw-loader",
"alias": false,
"peer_metadata": null
} | 1.0.0 | development |
reflect-metadataEnvironment{
"local_name": "reflect-metadata",
"alias": false,
"peer_metadata": null
} | 0.1.13 | development |
rollupEnvironment{
"local_name": "rollup",
"alias": false,
"peer_metadata": null
} | 1.12.5 | development |
rollup-plugin-licenseEnvironment{
"local_name": "rollup-plugin-license",
"alias": false,
"peer_metadata": null
} | 2.3.0 | development |
rollup-plugin-node-resolveEnvironment{
"local_name": "rollup-plugin-node-resolve",
"alias": false,
"peer_metadata": null
} | 5.0.0 | development |
rollup-plugin-sourcemapsEnvironment{
"local_name": "rollup-plugin-sourcemaps",
"alias": false,
"peer_metadata": null
} | 0.4.2 | development |
rxjsEnvironment{
"local_name": "rxjs",
"alias": false,
"peer_metadata": null
} | ~6.5.5 | development |
sassEnvironment{
"local_name": "sass",
"alias": false,
"peer_metadata": null
} | ^1.32.8 | development |
sass-loaderEnvironment{
"local_name": "sass-loader",
"alias": false,
"peer_metadata": null
} | 7.1.0 | development |
shelljsEnvironment{
"local_name": "shelljs",
"alias": false,
"peer_metadata": null
} | 0.8.3 | development |
source-map-loaderEnvironment{
"local_name": "source-map-loader",
"alias": false,
"peer_metadata": null
} | 0.2.4 | development |
terserEnvironment{
"local_name": "terser",
"alias": false,
"peer_metadata": null
} | ^5.24.0 | development |
to-string-loaderEnvironment{
"local_name": "to-string-loader",
"alias": false,
"peer_metadata": null
} | 1.1.6 | development |
ts-loaderEnvironment{
"local_name": "ts-loader",
"alias": false,
"peer_metadata": null
} | 6.0.1 | development |
tsickleEnvironment{
"local_name": "tsickle",
"alias": false,
"peer_metadata": null
} | 0.38.1 | development |
tslintEnvironment{
"local_name": "tslint",
"alias": false,
"peer_metadata": null
} | ~6.1.0 | development |
tslint-angularEnvironment{
"local_name": "tslint-angular",
"alias": false,
"peer_metadata": null
} | ^3.0.3 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ~4.9.5 | development |
webpackEnvironment{
"local_name": "webpack",
"alias": false,
"peer_metadata": null
} | 4.43.0 | development |
webpack-filter-warnings-pluginEnvironment{
"local_name": "webpack-filter-warnings-plugin",
"alias": false,
"peer_metadata": null
} | 1.2.1 | development |
zone.jsEnvironment{
"local_name": "zone.js",
"alias": false,
"peer_metadata": null
} | ~0.11.4 | development |
@007.surajit2023/agm-coreEnvironment{
"local_name": "@007.surajit2023/agm-core",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | peer |
@angular/commonEnvironment{
"local_name": "@angular/common",
"alias": false,
"peer_metadata": null
} | >=6.0.0 | peer |
@angular/coreEnvironment{
"local_name": "@angular/core",
"alias": false,
"peer_metadata": null
} | >=6.0.0 | peer |
rxjsEnvironment{
"local_name": "rxjs",
"alias": false,
"peer_metadata": null
} | ~6.5.5 || ~6.6.0 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"integrity": "sha512-Ap/0UENaUCLADwj2cRS1WSUMbARnkpVhvByYJ72IFSt7iAVkHgM5IK3ru0RgVfvKVI4Qp3pDpNvDIOY4afb8ZQ==",
"shasum": "5808510273df64d991f27ba0bdd45d0a2fcaae7f",
"tarball": "https://registry.npmjs.org/@007.surajit2023/agm-direction/-/agm-direction-1.0.0.tgz",
"fileCount": 36,
"unpackedSize": 1081916,
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEQCIB50TgYARZDyw8K+8DlPscOuDw0scCBz3XVsCN42/SErAiAEtDUX9y+YpgwkjnjDQu945rNuE8wXuRExh977XjsLqA=="
}
]
}Repository
PENDING007-surajit/agm-direction-15
Shared repository data · GitHub
- License detected in repository
- Not collected
Metadata history
Meaningful changesRecord identity
package_version:e71fb106a23fd78c2bdb50e1bee2a1678ff11e53fca6f4db3287000ef0d8bb39