Подсказки

DG.Label

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

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

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

DG.marker([54.9502, 82.8380], {
    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.8980]).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'.