Есть несколько способов добиться этого. Мой предпочтительный способ - настроить карту на
import Map from 'ol/Map';
import {defaults as defaultInteractions} from 'ol/interaction';
new Map({
target: 'map',
interactions: defaultInteractions({
onFocusOnly: true
}),
// ...
});
Целевой элемент для карты в разметке должен иметь атрибут tabindex
, например,
<div tabindex="1" id="map"></div>
Вы можете увидеть это в действии здесь: https://openlayers.org/en/latest/examples/interaction-options.html. Идея состоит в том, что пока карта не имеет фокуса, вы можете перемещаться и прокручивать страницу. Только когда он имеет фокус (например, после щелчка по карте), жесты панорамирования и прокрутки изменят вид карты.