MMapControlButton

The MMapControlButton class is a component for creating a button control element.

Usage exampleUsage example

Adding a button that moves the map center to Dubai:

const map = new MMap(element, {
  location: {center: [25.229762, 55.289311], zoom: 14}
});

const controls = new MMapControls({position: 'top left'});
const button = new MMapControlButton({
  text: 'Dubai',
  onClick: () => {
    map.setLocation({
      center: [25.229762, 55.289311],
      zoom: 5
    });
  }
});

controls.addChild(button);
map.addChild(controls);

The MMapControlButton class is used to add a standard button and set up custom behavior for it.

Example

const button = new MMapControlButton({
  text: 'Hello',
  onClick: () => alert('Hello world!')
});

Detailed example.

ConstructorConstructor

new MMapControlButton(props, options?)

Constructor parametersConstructor parameters

Inherited fromInherited from

MMapComplexEntity.constructor

new MMapControlButton(props, children?, options?)

ParametersParameters

Inherited fromInherited from

MMapComplexEntity.constructor

PropsProps

MMapControlButtonProps: <a href="#MMapControlCommonButtonProps">MMapControlCommonButtonProps

ParametersParameters

MethodsMethods

updateupdate

update(changedProps): void

ParametersParameters

ReturnsReturns

void

Inherited fromInherited from

MMapComplexEntity.update