Подсказки | RasterJS API | 2GIS Documentation
RasterJS API

Подсказки

Класс 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'.