Клуб API Карт

Содержание hintContent вылазит за границы

programmer@razned.ru
14 августа 2015, 16:30

Добрый день. Проблема при использовании api 2.1 c содержимым hint. Весь текст пишется в одну строчку, какой длины он бы не был: http://take.ms/Lbp6D
Если использую стили css: white-space: pre-wrapword-wrap: break-word;  то hint странно отображается: http://take.ms/3dLod

В чем может быть дело? И как мне сделать, чтобы hint отображался как в версии 1.1? 

5 комментариев
Подписаться на комментарии к посту

С помощью собственного макета

https://tech.yandex.ru/maps/jsbox/2.1/placemark_hint_layout

programmer@razned.ru
14 августа 2015, 17:19

Так я и задаю собственный макет 

var MyHintContentLayoutClass = ymaps.templateLayoutFactory.createClass(
    "$[properties.name]

$[properties.description]</p>

"

);

// Создаем многоугольник без вершин.
var polygon = new ymaps.Polygon([ar], {}, {
    // Цвет заливки.
fillColor: '#' + (isEmpty(value['COLOR'])?'fff':value['COLOR']),
    // Цвет обводки.
strokeColor: '#0000FF',
    // Прозрачность
opacity: opacityDefault,
    // Ширина обводки.
strokeWidth: 1,
    // Шаблон подсказки
hintContentLayout: MyHintContentLayoutClass,
    // Время задержки закрытия подсказки
hintHideTimeout: 0,
    //hintPane: 'hint'
});

Но текст description пишет в одну строку.
 

Макет хинта, а не содержимого хинта

programmer@razned.ru
14 августа 2015, 18:13

т.е. нужно создать ymaps.templateLayoutFactory.createClass() для hintLayout? и для него задавать стили?