Клуб API Карт

Балун-панель слева

AldadiS
29 августа 2014, 19:44

Добрый день!

Не подскажите можно ли вывести балун-панель не снизу карты а слева? Если можно, то как? Или может есть ссылка где об этомнаписано, сам не нашел. API 2.1

Спасибо

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

Нет, так сделать пока что не получится

Почему? Получится. Только это надо много программировать.

нельзя переопределить макет панели. Только макет содержимого панели

Всегда можно запилить вообще свой IBalloon
Можно создать такой макет кнопки, а по клику на геообъект заполнять его нужными данными.

Может есть пример какой?

Простите на задержку с ответом. Примера как такого нет.

Есть пример задания произвольного макета контрола http://api.yandex.ru/maps/jsbox/2.1/button_layout

Можно сделать как-нибудь так
http://jsfiddle.net/zeLwn/22/
Или можно просто поверх карты расположить элемент, предварительно подвинув контролы. Главное копирайты не перекрывать.

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

У меня задача такая:

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

А надо вывести эту же информацию (по клику на метке), но только не снизу, а слева (как на скриншоте)

Пытался конечно через css принудительно балун поставить куда надо, но ничего хорошего из этого не вышло.

 

По вашему примеру так и не понял как вывести в тело content: содержимое метки(-ок)

 

Вот пример того что есть сейчас

http://jsfiddle.net/op31xbqr/2/

Мы не рекомендуем менять CSS стандартных компонентов API, так как мы в них не поддерживаем обратную совместимость. После очередного обновления ваши изменения перестанут работать.

Передавать информацию в макет можно через данные метки и кнопки. Примерно так
http://jsfiddle.net/zeLwn/23/

А html содержимое выводить в данном примере возможно? Если да, то каким образом?

 

Спасибо.

Полностью аналогично строчке.

Если вас не затруднит, можно пример на основе вашего варианта?

А то я немного не понял, аналогично какой строчке?

Вписываю

desc: 'Placemark!'

выводит так как и написано, с тегами

Placemark!

Забыл, что на 2.1 пример.
http://jsfiddle.net/zeLwn/24/
Нужно было еще добавить фильтр "|raw".
Подробное описание здесь http://api.yandex.ru/maps/doc/jsapi/2.1-dev/ref/reference/templateLayoutFactory.xml

А вам точно нужно передавать html? В смысле экономней описать в макете определенные поля в html, а по клику только значения передавать.
http://jsfiddle.net/zeLwn/25/

Думаю что да, просто в конечном варианте в панели слева будет выводится:

Картинка

Заголовок

Описание

Ссылка подробнее

Примерно в таком виде 

Наверное без прямого вывода html, картинку и ссылку вывести не получится.


Спасибо большое за ваши ответы и примеры. Теперь они мне полностью подходят.

Можно ещё один, последний вопрос.

У меня в примере выводится нестандартный вид маркера, со своей картинкой, скажите, как в вашем примере его вывести?

Все, вопрос на счет своей иконки метки снят, разобрался.