dg-label

DG.Label

Класс DG.Label реализует небольшую подсказку, которая может появляться над определенным объектом на карте (над маркером или векторным слоем, например). Также, подсказки могут отображаться не только, при наведении курсора мыши на объект, а постоянно, такие подсказки называются статическими.

Пример использования

Включить отображение подсказки при наведении курсора мыши на маркер довольно просто:

DG.marker([54.9502, 82.838], {
    label: 'Я подсказка!',
}).addTo(map);

Для векторных слоев, подсказку можно указать таким образом, например:

DG.polyline(
    [
        [55.02, 83.02],
        [54.97, 83.03],
        [54.95, 83.01],
        [54.98, 82.97],
    ],
    {
        label: 'Я подсказка!',
    },
).addTo(map);

Для добавления подсказки к уже созданному объекту, следует вызвать метод bindLabel:

var marker = DG.marker([54.9502, 82.898]).addTo(map);
marker.bindLabel('Я статическая подсказка!', { static: true });

Опции

При вызове метода bindLabel, вы можете задать следующие опции для всплывающей подсказки:

Опция	Тип	По умолчанию	Описание
offset	Point	Point(12, 15)	Смещение контейнера всплывающей подсказки относительно позиции курсора (позиции маркера в случае использования с маркером).
className	String	'dg-label'	CSS класс который будет присвоен DOM элементу всплывающей подсказки.
static	Boolean	false	Если задано значение true, тогда всплывающая подсказка будет отображаться постоянно (эта опция доступна только для подсказки у маркера).
textDirection	string	'auto'	Направление текста подсказки. Может принимать одно из следующих значений: 'auto', 'rtl', 'ltr'.