主页 / 问题 / 1138828
Accepted
Сергей Петров
Asked:2020-06-10 00:46:17 +0000 UTC2020-06-10 00:46:17 +0000 UTC

如何仅在全屏模式下制作 ZoomControl？

  • 772

如何使 ZoomControl 控件仅全屏显示？

yandex-maps-api

1 个回答

  1. Best Answer

    监听 fullscreenControl 的使用事件并切换 zoomControl 的可见性。这应该足够了。

    这是一个工作代码示例：

    ymaps.ready(init);
function init () {
    var myMap = new ymaps.Map('map', {
                center: [55.76, 37.64], // Москва
            zoom: 11,
            controls: []
            });

var fullscreenControl = new ymaps.control.FullscreenControl(),
        zoomControl = new ymaps.control.ZoomControl();

myMap.controls.add(fullscreenControl)
        .add(zoomControl);

zoomControl.options.set('visible', false);

fullscreenControl.events.add("fullscreenenter", function (e) {
zoomControl.options.set('visible', true);
});

fullscreenControl.events.add("fullscreenexit", function (e) {
zoomControl.options.set('visible', false);
});

}
    • 1

相关问题