Элементы управления добавляются методом map.addControl(control, position?) и удаляются через map.removeControl(control).
Позиции размещения: 'top-left', 'top-right' (по умолчанию), 'bottom-left', 'bottom-right'.
Кнопки масштабирования (+ / −) и компас для сброса поворота карты.
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
showCompass |
boolean | true |
Показывать кнопку компаса |
showZoom |
boolean | true |
Показывать кнопки масштабирования |
visualizePitch |
boolean | false |
Визуализировать наклон карты на иконке компаса |
map.addControl(new relgl.NavigationControl(), 'top-right');
Определяет и отображает местоположение пользователя. При необходимости может отслеживать его перемещение.
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
positionOptions |
object | { enableHighAccuracy: false } |
Параметры Geolocation API |
trackUserLocation |
boolean | false |
Отслеживать перемещение пользователя |
showAccuracyCircle |
boolean | true |
Показывать круг точности вокруг местоположения |
showUserLocation |
boolean | true |
Показывать точку местоположения на карте |
map.addControl(new relgl.GeolocateControl({
positionOptions: { enableHighAccuracy: true },
trackUserLocation: true,
showAccuracyCircle: false
}));
Масштабная линейка.
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
maxWidth |
number | 100 |
Максимальная ширина линейки в пикселях |
unit |
string | 'metric' |
Единицы измерения: 'metric', 'imperial', 'nautical' |
map.addControl(new relgl.ScaleControl({
maxWidth: 80,
unit: 'metric'
}), 'bottom-left');
Кнопка переключения полноэкранного режима.
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
container |
HTMLElement | — | Элемент для полноэкранного режима. По умолчанию — контейнер карты |
map.addControl(new relgl.FullscreenControl(), 'top-right');
Отображает информацию об атрибуции источников данных. Добавляется на карту автоматически (управляется параметром attributionControl при инициализации карты).
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
compact |
boolean | — | Компактный режим отображения |
customAttribution |
string | string[] | — | Дополнительный текст атрибуции |
// Отключить автоматический AttributionControl и добавить кастомный
var map = new relgl.Map({
container: 'map',
style: 'rel://v2/styles/main_style.json',
attributionControl: false
});
map.addControl(new relgl.AttributionControl({
compact: true,
customAttribution: 'My Company'
}), 'bottom-right');