Класс 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, тогда всплывающая подсказка будет отображаться постоянно. |