MMapZoomControl

The MMapZoomControl 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 MMap(element, {
  location: {center: [25.229762, 55.289311], zoom: 14}
});

const controls = new MMapControls();
controls.addChild(
  new MMapZoomControl({
    easing: 'linear'
  })
);

map.addChild(controls);

Example 2

Using the easing and zoomRange parameters:

const map = new MMap(element, {
  zoomRange: {min: 1, max: 5},
  location: {center: [25.229762, 55.289311], zoom: 4}
});

const controls = new MMapControls();
controls.addChild(
  new MMapZoomControl({
    easing: 'linear'
  })
);

map.addChild(controls);

Detailed example.

ConstructorConstructor

new MMapZoomControl(props, options?)

Constructor parametersConstructor parameters

Inherited fromInherited from

MMapComplexEntity.constructor

new MMapZoomControl(props, children?, options?)

Constructor parametersConstructor parameters

Inherited fromInherited from

MMapComplexEntity.constructor

PropsProps

MMapZoomControlProps: Object

ParametersParameters

MethodsMethods

updateupdate

update(changedProps): void

ReturnsReturns

void

Inherited fromInherited from

MMapComplexEntity.update