Что то поломалось?

idegart commented 6 years ago

Раньше все работало нормально, но примерно в декабре вышло обновление и все полетело. Подумал что я где то накосячил и в итоге просто удалил Сейчас вновь понадобился данный компонент, но он так и не заработал

Начал разбираться, но ошибки так и не нашел. Но их и нет в консоли. Подумал может у меня в проекте проблема со стилями или какой то код не дает показать карту.

В итоге создал чистый новый проект, установил только данный плагин. Выключил все браузерные модули(такие как adBlock и остальные)

Скопировал пример из read.me, но в итоге все равно не заработало. Ошибок как не было в консоли, так они и не появились.

В DOM видно что все вставилось, но ничего не показывается 2018-01-13 14 36 34 2018-01-13 14 35 39

Вот весь код: `

`

PNKBizz commented 6 years ago

Привет! дело скорее всего в стилях. Раньше были инлайновые width и hight по 100%, но я решил их удалить в пользу навешивания класса. <yandex-map> has a class ymap-container and child element with class ymap-body, where rendering map instance. То есть, чтобы сделать все как раньше - пропишите класс

.ymap-body {
  width: 100%;
  height: 100%;
}

Отпишите, если поможет - я закрою ишью

idegart commented 6 years ago

Да, помогло Спасибо большое!

PNKBizz commented 6 years ago

Не за что )

k0va1 commented 6 years ago

@PNKBizz было бы неплохо добавить эту инфу в readme. Думаю, что не я один тупил и не понимал, что не так)

PNKBizz commented 6 years ago

@hetsketch Да, я сейчас работаю над релизом, в котором будет возможность определять свой класс. Тогда все и исправлю

k0va1 commented 6 years ago

@PNKBizz круто! Так держать 😀

hunty commented 4 years ago

потратил много часов чтобы найти решение) в доках ныне это нет, а yamap-class почему-то не работает с %.

PNKBizz commented 4 years ago

@hunty Не очень понял о чем вы...

hunty commented 4 years ago

есть родительский блок, который имеет высоту 50% от родителя. При указании стиля для класс указанного через yamap-class в 100% по ширине и высоте, карта не показывается. Работает только со значениями в px. Карта так же не показывается, если задавать через определение стиля для класса ymap-container:

.ymap-container {
    width: 100%;
    height: 100%;
}

В моем случае, рабочей оказалась такая комбинация:

 .ymap-container {
        height: 100%;
        width: 100%;
 }
.ymap-body {
        width: 100%;
        height: 100%;
}

В данном случае карта успешно растягивается на ширину и высоту блока контейнера

PNKBizz commented 4 years ago

@hunty ymap-class

hunty commented 4 years ago

Все верно, опечатался. Стиль задается через него корректно, но не отрабатывает как надо.

PNKBizz commented 4 years ago

создайте пример в песочнице, пожалуйста

yandex-maps-unofficial / vue-yandex-map

Что то поломалось? #38