Angular и яндекс.карты: почему карта смещена?

Question

[InoY]

Мне достался на поддержку сайт на Ангуларе. Сразу скажу, что я в нём ни в зуб ногой. Возникла необходимость установить туда Яндекс.карты. Использовал две библиотеки раз и два и на обеих получал один и тот же результат: карты смещены в верхний левый угол и изначально выставленный масштаб не работает. Центр карты также смещён в левый верхний угол. Однако карта реагирует на изменение размера окна и после него отображается нормально (помимо того факта что геокоординаты нормально работают только со второй бибилотекой).

Собственно мой сайт. Карты находятся на последнем слайде "контакты".

Answer 1

[Валентин Дубровский]

Это скорей всего не ответ, а совет. Вам для реализации вашей задачи, скорей всего не требуется тянуть весь api модулей, поэтому просто создайте директиву для карты, и реализуйте всё сами. Вот вам песочница ya map api - https://tech.yandex.ru/maps/jsbox/2.1/

Comments

[InoY]

Если бы я ещё понимал хоть что-нибудь в Ангуларе и как это там делается я бы и не стал бы пользовать сторонние библиотеки.

[Валентин Дубровский]

InoY: https://jsfiddle.net/r259rau5/просто создаете такую директиву, дальше работаете как с обычным js.

[InoY]

Валентин Дубровский: мои бесконечные благодарности!

Answer 2

[Сергей Гаврилов]

Скорее всего (гадая на кофейной гуще), т.к. во время иницилизации карты размер элемента в который она добавляется 0px x 0px

Comments

[InoY]

К сожалению, добавление высоты и ширины (как аттрибутов тега) не решило проблемы

[Сергей Гаврилов]

Тогда, отладка, у меня предположений больше нет