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

Проект на 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
    });
  }
  • Вопрос задан
  • 367 просмотров
Решения вопроса 1
StivinKing
@StivinKing
ngOnInit() {
    ymaps.ready().then(() => {
      this.map = new ymaps.Map('map', {
        center: [50.450100, 30.523400],
        zoom: 12
      });
    });
  }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
jamesgoodwin
@jamesgoodwin
Молодой разработчик
Логика работы с Яндекс.картами в Angular "без компонента" точно такая же, как работа с Яндекс.картами "без Angular"(в обычном html).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы