Скролл страницы с картой
При добавлении карты на веб-страницу вам может потребоваться настройка корректного поведения скролла с помощью специальных опций карты.
Указывающие устройства (мышь, тачпад)
Чтобы карта не перехватывала события скролла, передайте значение true
свойству disableZoomOnScroll
в опциях карты MapOptions:
const map = new mapgl.Map('container', {
center: [55.31878, 25.23584],
zoom: 2,
key: 'Your API access key',
disableZoomOnScroll: true,
});
Страница будет прокручиваться, даже когда курсор мыши или тачпада находится над картой. Карта при этом не масштабируется.
Сенсорные устройства
Для сенсорных устройств используйте следующие опции карты MapOptions:
disableDragging: true
— позволяет прокручивать страницу при движении пальцем по области карты. Карта при этом не перемещается.enableTwoFingerDragging: true
— включает перемещение карты жестом двумя пальцами. Возможность прокрутки страницы одним пальцем при этом сохраняется.
Пример использования:
const map = new mapgl.Map('container', {
center: [55.31878, 25.23584],
zoom: 2,
key: 'Your API access key',
disableDragging: true,
enableTwoFingerDragging: true,
});