@silencer-spirit

Существует настройка пользовательского балуна в yandex map без jquery?

Начал настраивать пользовательский балун в Яндекс картах и столкнулся с проблемой: у них в примере https://tech.yandex.ru/maps/jsbox/2.1/balloon_autopan используется jquery.

Существует ли где-то пример с этим куском кода, но на чистом js?

build: function() {
  this.constructor.superclass.build.call(this);

  this._$element = $('.balloon', this.getParentElement());

  this.applyElementOffset();

  this._$element.find('.map-tooltip__close')
    .on('click', $.proxy(this.onCloseClick, this));
},
clear: function() {
  this._$element.find('.map-tooltip__close')
    .off('click');

  this.constructor.superclass.clear.call(this);
},
onSublayoutSizeChange: function() {
  MyBalloonLayout.superclass.onSublayoutSizeChange.apply(this, arguments);

  if (!this._isElement(this._$element)) {
    return;
  }

  this.applyElementOffset();

  this.events.fire('shapechange');
},
applyElementOffset: function() {
  this._$element.css({
    left: -(this._$element[0].offsetWidth / 2),
    top: -(this._$element[0].offsetHeight + this._$element.find('.map-tooltip')[0].offsetHeight)
  });
},
onCloseClick: function(e) {
  e.preventDefault();

  this.events.fire('userclose');
},
  getShape: function() {
    if (!this._isElement(this._$element)) {
      return MyBalloonLayout.superclass.getShape.call(this);
    }

    var position = this._$element.position();

    return new ymaps.shape.Rectangle(new ymaps.geometry.pixel.Rectangle([
      [position.left, position.top],
      [
        position.left + this._$element[0].offsetWidth,
        position.top + this._$element[0].offsetHeight + this._$element.find('.map-tooltip')[0].offsetHeight
      ]
    ]));
  },
_isElement: function(element) {
  return element && element[0] && element.find('.map-tooltip')[0];
}
  • Вопрос задан
  • 518 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Яндекс.Карты
Существует ли где-то пример с этим куском кода, но на чистом js?

теперь существует
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
uselessmindYEAH
@uselessmindYEAH
Frontback cocaine developer
Возможно что и не существует, придется самому переписать чутка
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы