Перейти к основному содержимому

Плагин "Линейка"

Линейка​

У линейки есть два режима использования: полилиния и полигон.

Режим полилинии позволяет измерять расстояние, а режим полигона используется, если нужно измерить площадь и периметр многоугольника на карте.

Использование линейки​

Чтобы добавить линейку на карту, создайте экземпляр Ruler:

const ruler = new mapgl.Ruler(map, { mode: 'polyline' });

Если вы используете npm:

// Импортируйте либо как модуль ES...
import { Ruler } from '@2gis/mapgl-ruler';
// ... либо как модуль CommonJS
const { Ruler } = require('@2gis/mapgl-ruler');

const ruler = new Ruler(map, { mode: 'polyline' });

Демонстрация линейки в режиме полилинии​

Кликните по любому месту карты, чтобы отобразить линейку.

Демонстрация линейки в режиме полигона​

Кликните по любому месту карты, чтобы отобразить линейку.


Элемент управления "Линейка"​

Экземпляр RulerControl является оболочкой экземпляра Ruler и расширяет Control.

Он предоставляет элемент управления для включения или отключения линейки.

Использование RulerControl​

const rulerControl = new RulerControl(map, { position: 'centerRight', mode: 'polyline' });

Вы можете получить экземпляр Ruler с помощью метода getRuler().

rulerControl.getRuler().setPoints([
    [55.31878, 25.23584],
    [55.31878, 25.25584],
    [55.33878, 25.23584],
]);

Демонстрация RulerControl​

Нажмите на кнопку линейки, чтобы включить или отключить ее отображение.