Вопрос по StepwisePane

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

nolan23

14 июня 2012, 18:36

Хочу прикрутить FlashCanvas для недобраузера.

Делаю контрол, который будет лежать поверх всей видимой области карты (+ немного больше, чтобы не перерисовывать полностью при каждом движении), отслеживать движение карты и отрисовывать канвас.

для гугла все как-то просто получилось. если интересно - откройте http://maps.1cs.su/dev/index.html?mode=6 . Канвас - с пролупрозрачной подложкой для наглядности.

для недобраузера показываем FlashCanvas (от ie7), для продвинутых рисуем в HTML5.

с ymaps посложнее.

// создаем pane

this.pane = new ymaps.pane.movable.StepwisePane(this.map, {className: 'ymaps-nolan-canvases', zIndex: 200});

// вешаем обработчик события

map.events.add('boundschange', function(evt) {

self._draw.call(self);

});

// создаем канвасик

this.layout = document.createElement('canvas');

$(this.layout).

css( {'position' :'absolute', zIndex : 200}).

appendTo(this.pane.getElement());

// отрисовка

_draw: function() {

var bounds = this.pane.getViewport(),

c1 = this.pane.fromClientPixels(bounds[0]),

c2 = this.pane.fromClientPixels(bounds[1]),

zoom = this.pane.getZoom(),

width = bounds[1][0] - bounds[0][0],

height = bounds[1][1] - bounds[0][1];

$(this.layout).css( { left: bounds[0][0] + 'px',

top: bounds[0][1] + 'px',

width : width+'px',

heigth: height +'px'

});

this.layout.width = width;

this.layout.heigth = height;

this.controller.model.renderMapCanvas(this.layout, globalBounds, zoom);

канвас отрисовывается правильно. если поводить мышкой, то хотспоты на месте, pane.getViewport() отдает вроде бы правильные координаты, но вот размер и положение самой "сковороды" для меня загадка.

что же все-таки такое pane.getViewport() ?

спасибо за ответ.

14 комментариев

Авторизуйтесь, чтобы оставить комментарий

nolan23

28 января 2016, 04:26

и сразу еще вопрос. как остлеживать touch-евенты?

tekunova

28 января 2016, 04:26

Пока вам никто не ответил, предлагаю посмотреть презентацию и видео доклада «API 2.0 для touch-устройств» Сергея Константинова, руководителя группы разработки алгоритмов API Яндекс.Карт. Возможно, будет полезно или хотя бы интересно :-)

Дмитрий Сухоносов

28 января 2016, 04:26

для 1.0 я делал дополнительный layout в виде canvas - отслеживать все события там было очень просто, возможно на 2.0 тоже будет удобнее использовать слой, а не контрол