在谷歌地圖上顯示角度2的方向Agm

Question

我正在使用Agm在地圖上顯示位置，它的工作完美到目前爲止，但現在我還需要顯示方向，就像在導航過程中鏈接地圖中兩點的線一樣，我查看了文檔，但沒有顯示太多內容。
謝謝

Answer 1

agm-direction可以幫助你

STEP.1安裝AGM

npm install --save @agm/core 

step.2安裝AGM-方向

npm install --save agm-direction 

STEP.3開始導入模塊

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

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

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

step.4 HTML

<agm-map [latitude]="lat" [longitude]="lng"> 

    <agm-direction *ngIf="dir" [origin]="dir.origin" [destination]="dir.destination"></agm-direction> 

</agm-map> 

step.5打字稿

lat: Number = 24.799448; 
    lng: Number = 120.979021; 
    zoom: Number = 14; 

    dir = undefined; 

    public getDirection() { 
     this.dir = { 
     origin: { lat: 24.799448, lng: 120.979021 }, 
     destination: { lat: 24.799524, lng: 120.975017 } 
     } 
    } 

屬性

• 來源：{緯度，經度};
• 目的地：{lat，lng};
• waypoints：Object = [];
• travelMode：String ='DRIVING';
• optimizeWaypoints：Boolean = true;