❓ - Zoom duraction

[14837-eng]

Description

How can I adjust the zoom on custom buttons so that it is smooth?

I can do this in the react library, but how can I do it in the current library? Updating the counter does not give smoothness :(

Library name

• [ ] angular8-yandex-maps
• [X] angular-yandex-maps-v3

[ddubrava]

Hi! Have you tried this component https://ddubrava.github.io/angular-yandex-maps/#/v3/components/YMapZoomControlDirective?id=ymapzoomcontroldirective? Or do you mean you need controls outside the map?

[14837-eng]

@ddubrava I mean my button component which is located behind the map (non-standard control)

[ddubrava]

You need to pass a duration property to props.location.

<div class="container">
  <y-map
    (ready)="onMapReady($event)"
    [props]="{
      location: {
        center: [-0.127696, 51.507351],
        zoom,
        duration: 200,
      },
    }"
  >
    <y-map-default-scheme-layer />
  </y-map>
</div>

<button (click)="onZoom(1)">Zoom In</button>
<button (click)="onZoom(-1)">Zoom Out</button>

[14837-eng]

thx