Agm-Direction


Agm-Direction is the directive for @agm/core (not official)

- Angular
- Google Map API

How to use?
👉 Start Reading
👉 Build With Ionic

!Agm-Direction

Credit

#### SebastianM/angular-google-maps - Directions service #495

Installation

Installation is done using the
npm install command:

- Use npm
``bash
npm install --save @agm/core agm-direction
`

- Use yarn
`bash
yarn add @agm/core agm-direction
`

Importing Modules

`typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

import { AgmCoreModule } from '@agm/core'; // @agm/core
import { AgmDirectionModule } from 'agm-direction'; // agm-direction

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AgmCoreModule.forRoot({ // @agm/core
apiKey: 'your key',
}),
AgmDirectionModule, // agm-direction
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
`

Usage

HTML

`html

[origin]="origin"
[destination]="destination"
>


`

CSS

`css
agm-map {
height: 400px;
}
`

TS

`typescript
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

👉 Playground Project

`bash
git clone https://github.com/explooosion/Agm-Direction.git
`

`bash
npm install
`

`bash
npm run build
`

`bash
npm run pack:lib
`

`bash
cd playground && npm install
`

`bash


Add gmap api key in environment.ts


`

`bash
npm start
``

Generator

This library generated by angular-library-starter.

License

MIT