Как во vue-leaflet отключить отдаление скролом мышки?

Question

[EVOSandru6]

Добрый день,

В документации данной фишки не нашел, поэтому искал на форумах:

Нашел решение scrollWheelZoom:

<l-map :zoom="zoom"
        :center="computedCenter"
        :minZoom="12"
         :options="{scrollWheelZoom: false}
>

При таком варианте карта вообще не реагирует на скролл, что почти решает задачу.

Задача сделать так, чтобы скроллом могло инициироваться только приближение.

При обратном скролле на отдалении должна не карта зумироваться, а страница скроллиться.

Может есть варииант остледить событие scroll down в карте или ее обертке?

Answer 1

[0xD34F]

:options="{ scrollWheelZoom: false }"
@update:zoom="zoom = $event"
@wheel.native="onWheel"

methods: {
  onWheel(e) {
    if (e.deltaY < 0) {
      this.zoom++;
      e.preventDefault();
    }
  },
},

Comments

[EVOSandru6]

Спасибо!

Можете абстрактно подсказать - кудакопать, чтобы понять след. конструкцию?

@update:zoom="zoom = $event"

[0xD34F]

EVOSandru6, документацию vue покопайте.

[Aetae]

0xD34F,

@update:zoom="zoom = $event"

why not :zoom.sync="zoom"?

[0xD34F]

Aetae, да просто скопипастил из документации что там было, не особо задумываясь.