YMapZoomControl

The YMapZoomControl class displays a control for changing the map scale.

The following parameters are used to set up the map scale:

• easing. Possible values: linear, ease, ease-in, ease-out, ease-in-out.
• zoomRange. If the current zoom level is different from this setting, the zoom buttons are locked.

Usage exampleUsage example

Example 1

Using the easing parameter:

const map = new YMap(element, {
  location: {center: [37.588144, 55.733842], zoom: 14}
});

const controls = new YMapControls();
controls.addChild(
  new YMapZoomControl({
    easing: 'linear'
  })
);

map.addChild(controls);

Example 2

Using the easing and zoomRange parameters:

const map = new YMap(element, {
  zoomRange: {min: 1, max: 5},
  location: {center: [37.588144, 55.733842], zoom: 4}
});

const controls = new YMapControls();
controls.addChild(
  new YMapZoomControl({
    easing: 'linear'
  })
);

map.addChild(controls);

Detailed example.

ConstructorConstructor

new YMapZoomControl(props, options?)

Constructor parametersConstructor parameters

Inherited fromInherited from

YMapComplexEntity.constructor

new YMapZoomControl(props, children?, options?)

Constructor parametersConstructor parameters

Inherited fromInherited from

YMapComplexEntity.constructor

PropsProps

YMapZoomControlProps: Object

ParametersParameters

MethodsMethods

updateupdate

update(changedProps): void

ReturnsReturns

void

Inherited fromInherited from

YMapComplexEntity.update