Клуб API Карт

Клуб API Карт

Как в картах 2.1 разместить кнопки zoom справа экрана?

Пост в архиве.

Взял код из песочницы вида

ymaps.ready(function () {
    var myMap = new ymaps.Map('YMapsID', {
        center: [55.751574, 37.573856],
        zoom: 9,
        controls: ['zoomControl', 'searchControl', 'typeSelector', 'geolocationControl', 'trafficControl', 'fullscreenControl']
    });
});
как zoomControl перемистить в право?

Спасибо.
9 комментариев
Авторизуйтесь, чтобы оставить комментарий
dimik
28 января 2016, 00:48

Инстанцировать отдельно  с нужной позицией и добавить в myMap.controls

типа того:

 

var zoomControl = new ymaps.control.ZoomControl({options: { position: { right: 5, top: 10 }}}); 

myMap.controls.add(zoomControl);

RWC
28 января 2016, 00:48

Вот спасибо большое!

Рабочий результат:

    var myMap = new ymaps.Map('YMapsID', {

        center: [55.600852, 36.46187],

        zoom: 15,

        controls: ['typeSelector', 'trafficControl', 'fullscreenControl']

    });

    myMap.controls.add(new ymaps.control.ZoomControl({options: { position: { right: 10, top: 50 }}}));

В документации прочитал  что можно искользовать control.ZoomControl([parameters])и параметр parameters.options.position.right
но код видаmyMap.control.ZoomControl([parameters.options.position.right]);
НЕ работает или не так пишу!?
dimik
28 января 2016, 00:48

не так пишете

у myMap нет поля control

IG
28 января 2016, 00:48

Добрый вечер. А что я делаю не так? Кнопка в правом верхнем углу и положение свое не меняет. Зум контрол проверил - перемещается:

 

var fullscreenControl = new ymaps.control.FullscreenControl({options: { position: { right: 100, top: 100 }}});

myMap.controls.add(fullscreenControl);

x-lift
28 января 2016, 00:48

Спасибо, разобрался:

 

.add(new ymaps.control.FullscreenControl({options: {float: 'none', position: {right: 200, top: 50}}}))

(ړײ) Игорь Чепур ღ
28 января 2016, 00:48

Подскажите почему не перемещается кнопка? Сделал как приведено в примерах...

var fullscreenControl = new ymaps.control.FullscreenControl({options: {float: 'none', position: {left: 20, top: 20}}});

myMap.add(fullscreenControl); 

dimik
28 января 2016, 00:48

 

myMap.add(fullscreenControl); 

Должно быть myMap.controls.add

и контролы по умолчанию надо убрать, передав в ymaps.Map поле controls: []

(ړײ) Игорь Чепур ღ
28 января 2016, 00:48

спасибо, вот уж казалось бы.

Спасибо! Яндекс рулит!

Александр Николаев
27 октября 2022, 14:36
ymaps.ready(function () {
var myMap = new ymaps.Map('YMapsID', {
center: [55.751574, 37.573856],
zoom: 9,
controls: ['zoomControl', 'searchControl', 'typeSelector', 'geolocationControl', 'trafficControl', 'fullscreenControl']
},{zoomControlPosition: { right: 10, top: 50 }});
});
Обновлено 27 октября 2022, 14:37