Yandex map API как сдвинуть центр карты по px?

Question

[Cheizer]

Приветствую, подскажите пожалуйста, как сдвинуть центр карты вместе с маркером в лево на 100px?

Пробовал через

var positions = myMap.getGlobalPixelCenter();
            myMap.setGlobalPixelCenter([ positions[0] - 100, positions[1] ]);

Но не работает, вызов такой:

if ($('.map').length) {
        ymaps.ready(function () {
            var myMap = new ymaps.Map('map', {
                center: [55.------, 37.------],
                zoom: 17
            }, {
                searchControl: 'yandex#search'
            });
			
			var positions = myMap.getGlobalPixelCenter();
            myMap.setGlobalPixelCenter([ positions[0] - 100, positions[1] ]);

                myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
                    balloonContent: 'ул. Примерная д. 13А'
                }, {
                    iconLayout: 'default#image',
                    iconImageHref: '../media/bg/local2.svg',
                    iconImageSize: [266, 81],
                    iconImageOffset: [-40, -40]
                });

            myMap.geoObjects
                .add(myPlacemark)
            myMap.controls.remove('searchControl')
            myMap.behaviors.disable('scrollZoom')
        });
    }

Comments

[freeExec]

Пробовал через

Всё двигается.

[Cheizer]

freeExec, у меня что то не сдвигается :( ща поднимe на codepen

[Cheizer]

freeExec, добавил https://codepen.io/Cheizer/pen/vYmLbrz не смещает

[freeExec]

Cheizer, как определить, что не смещает?

[Cheizer]

freeExec, карта по центру стоит с маркером. Координаты центра карты.

Answer 1

[freeExec]

var positions = myMap.getGlobalPixelCenter();
var offsetPos = myMap.options.get('projection').fromGlobalPixels([ positions[0] - 100, positions[1] ], myMap.getZoom());
var myPlacemark = new ymaps.Placemark(offsetPos);

Comments

[Cheizer]

Спасибо, я или не в том месте размещаю, или не работает. И до и после var myMap размещал код.

[freeExec]

Cheizer, https://jsfiddle.net/xy15vbg0/

[Cheizer]

freeExec, Спасибо, работает, но с дефолтным плейсмарк, а как заставить работать с кастомным? Как у меня в примере?

[freeExec]

Cheizer, Да с любыми настройками должен работать, ну попробуйте взять png, а не svg

[Cheizer]

freeExec, Вот, https://codepen.io/Cheizer/pen/vYmLbrz но не смещает кастомный :( Ваш дефолтный плейсмарк там же и смещен.

[freeExec]

Cheizer, В какое место ты его ставишь?

[Cheizer]

freeExec, перед своим placmark, и после ставил.

ymaps.ready(function () {
            var myMap = new ymaps.Map('map', {
                center: [55.738307,37.630332],
                zoom: 17
            }, {
                searchControl: 'yandex#search'
            });
			
 var positions = myMap.getGlobalPixelCenter();
var offsetPos = myMap.options.get('projection').fromGlobalPixels([ positions[0] - 100, positions[1] ], myMap.getZoom());
var myPlacemark = new ymaps.Placemark(offsetPos);
myMap.geoObjects.add(myPlacemark);	
          
                myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
                    balloonContent: 'г. ул. Примерная д. 13А'
                }, {
                    iconLayout: 'default#image',
                    iconImageHref: 'https://www.pngrepo.com/png/167549/180/map-locator.png',
                    iconImageSize: [81, 81],
                    iconImageOffset: [-40, -40]
                });

            myMap.geoObjects
                .add(myPlacemark);
            myMap.controls.remove('searchControl');      myMap.behaviors.disable('scrollZoom');
      
        });

[freeExec]

Cheizer, в какие координаты, я имел ввиду

[Cheizer]

freeExec, center: [55.738307,37.630332], это и есть маркер и центр карты

[freeExec]

Cheizer, ну раз вы его ставите в центр карты, то вы его там и наблюдаете. Никакой магии. Как вы запрограммировали, так компьютер и выполнил.
Я же ставлю свой в 100 пикселях от центра карты.

[Cheizer]

freeExec, все понял, в new ymaps.Placemark(offsetPos, { моем вместо myMap.getCenter(), ваш offsetPos поставил.