Как подключить и использовать yandex maps в angular?

Question

[Андрей Астафьев]

Проект на Angular, на нем нужно использовать yandex карты. Пакеты с npm не подходят, мне нужно работать с регионами и кластерами и прочими вещами что дает api yandex maps.
вот пример того как подключаю и пытаюсь использовать
В файле index.html загружаю их библиотеку:

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>

Вот мой компонент:

import {Component, OnInit} from "@angular/core";

declare var ymaps:any;

@Component({
  selector:'app-map',
  templateUrl:'./map.component.html'
})
export class MapComponent implements OnInit{
  public map :any;

  ngOnInit(){
    this.map = new ymaps.Map("map", {
      center: [55.76, 37.64],
      zoom: 7
    });
  }

Answer 1

[Ivan Stroykin]

ngOnInit() {
    ymaps.ready().then(() => {
      this.map = new ymaps.Map('map', {
        center: [50.450100, 30.523400],
        zoom: 12
      });
    });
  }

Comments

[Андрей Астафьев]

спасибо, обращался к карте пока она еще не прогрузилась, от этого мне и писал что нет такого конструктора

[psyxodolby]

<script src="https://api-maps.yandex.ru/2.1/?apikey=<API-KEY>&lang=ru_RU" type="text/javascript" #ymaps></script>

ngOnInit() {
    ymaps.ready().then(() => {
        this.map = new ymaps.Map('map', {
          center: [56.034, 36.992],
          zoom: 10
        }
    });

ReferenceError: ymaps is not defined

Answer 2

[Иван Сушков]

Логика работы с Яндекс.картами в Angular "без компонента" точно такая же, как работа с Яндекс.картами "без Angular"(в обычном html).

Comments

[Андрей Астафьев]

не совсем понимаю что имеещь ввиду, можно конкретный пример

[Дархан]

Андрей Астафьев, делай так как делала бы без ангуляра