Клуб API Карт

Центрирование placemark с параметром balloonLayout: "default#imageWithContent"

msiped
18 марта 2013, 19:55

У меня есть на карте много placemark и при нажатии на них открывается мной созданное окно, с такими параметрами:

 

balloonContentSize: [235, 260],// Размеры содержимого балуна

balloonLayout: "default#imageWithContent",// Задаем макет балуна - пользовательская картинка с контентом

balloonImageHref: 'путь к картинке',// Картинка балуна

balloonImageOffset: [-235, -80],// Смещение картинки балуна

balloonImageSize: [235, 400],// Размеры картинки балуна 

 

Проблема в том, что центрирование установлено по умолчанию, но оно не всегда срабатывает, то есть если половина картинки будет спрятана за пределы окна карты, то центрирование не произойдет и при открытии появится картинка, половина картинки будет за пределами окна карты, но если например открыть как то иначе, то все центрируется.

8 комментариев
Подписаться на комментарии к посту

Это конечно очень интересный рассказ, но лучше один раз увидеть (ссылку на вашу карту)

Мне стыдно за то что я не использую шаблон, а тупо запихнул в контент теги, ну ладно, смотрите=)
http://rodzem.smart-fish.ru/ 

Зачем используется макет балуна типа "картинка",

если у вас там не картинка, а html-содержимое?

Что такое "balloonContentSize"? Откуда Вы взяли такую опцию?

Я не нашел ее в документации.

balloonContentSize: [235, 260],// Размеры содержимого балуна
balloonLayout: "default#imageWithContent",// Задаем макет балуна - пользовательская картинка с контентом
//balloonImageHref: '',// Картинка балуна
balloonImageOffset: [-235, -80],// Смещение картинки балуна
balloonImageSize: [235, 400],// Размеры картинки балуна

 Кажется что все вышеперечисленное ненужный мусор

Изначально была картинка, потом ее убрали. Я же говорю, что стыдно, но из за сроков не почистил тут многое, а надо (этим займусь позже). Но все таки как мне сделать центрирование?

 

Еще одно. Когда возникла задача создать уникальный балун, то единственным примером был пример с картинкой в документации, поэтому я отталкивался от него, сделал шаблон картинки, картинку не залил и вместо контента вывел свой html. Если бы было больше примеров в документации по созданию уникального балуна, то я бы сделал все как надо.

Примеры есть:

1. в песочнице

2. в блоге

 

Посмотрите, например, этот

в нем полностью кастомный макет балуна

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

Ты смотрел невнимательно.

вот шаблон из этого примера:

 

    BalloonConfirm.BalloonLayout = ymaps.templateLayoutFactory.createClass(
        '' +
            '×' +
            '' +
            '' +
                '' +
                    '' +
                        '

$[title]

' +
                    '' +
                    '' +
                        'Отменить' +
                        'Ок' +
                    '' +
                '' +
            '' +
        '', {

 

 

Спасибо. Не обратил внимание на подключаемые файлы.