Клуб API Карт

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

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

Добрый день!

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

Спасибо

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

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

Sergey Konstantinov
27 января 2016, 23:47
Почему? Получится. Только это надо много программировать.

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

Sergey Konstantinov
27 января 2016, 23:47
Всегда можно запилить вообще свой IBalloon
Всеволод Шмыров
27 января 2016, 23:47
Можно создать такой макет кнопки, а по клику на геообъект заполнять его нужными данными.

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

Всеволод Шмыров
27 января 2016, 23:47
Простите на задержку с ответом. Примера как такого нет.

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

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

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

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

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

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

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

 

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

 

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

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

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

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

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

 

Спасибо.

Всеволод Шмыров
27 января 2016, 23:47
Полностью аналогично строчке.

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

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

Вписываю

desc: 'Placemark!'

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

Placemark!

Всеволод Шмыров
27 января 2016, 23:47
Забыл, что на 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, картинку и ссылку вывести не получится.


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

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

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

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