Standard visual elements
Location
Determines the user's location by calling the browser's standard geolocation function and/or identifying the user's IP address.
Class: MMapGeolocationControl.
Example
Add the location button:
const map = new MMap(element, {
location: {center: [25.229762, 55.289311], zoom: 14}
});
const controls = new MMapControls();
controls.addChild(new MMapGeolocationControl());
map.addChild(controls);
Zoom buttons
Change the map's zoom coefficient.
Class: MMapZoomControl.
The following parameters are used to set up the map zoom:
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.
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);
Button
Used to add a standard button and set up custom behavior for it.
Class: MMapButtonControl.
Example
const button = new MMapControlButton({
text: 'Hello',
onClick: () => alert('Hello world!')
});