Как установить AGM (Angular Google Maps) в Angular 8

Чтобы установить библиотеку AGM (Angular Google Maps) в Angular 8, вы можете воспользоваться следующими способами:

Метод 1: использование npm

  1. Откройте командную строку или терминал.
  2. Перейдите в каталог проекта Angular.
  3. Для установки AGM выполните следующую команду:
npm install @agm/core
  1. После завершения установки вы можете импортировать необходимые модули и использовать AGM в своем проекте Angular.

Метод 2: использование Yarn

  1. Откройте командную строку или терминал.
  2. Перейдите в каталог проекта Angular.
  3. Для установки AGM выполните следующую команду:
yarn add @agm/core
  1. После установки вы можете импортировать необходимые модули и начать использовать AGM в своем приложении Angular.

Вот пример использования AGM в проекте Angular 8:

  1. Импортируйте модуль AGM в нужный компонент:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AgmCoreModule } from '@agm/core';
@NgModule({
  imports: [
    BrowserModule,
    AgmCoreModule.forRoot({
      apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
    })
  ],
  declarations: [YourComponent],
  bootstrap: [YourComponent]
})
export class AppModule { }
  1. Используйте компонент общего собрания в своем шаблоне:
<agm-map [latitude]="lat" [longitude]="lng">
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

Не забудьте заменить 'YOUR_GOOGLE_MAPS_API_KEY'на свой действительный ключ Google Maps API.