Клуб API Карт

Позиционирование картинки в балуне

Пост в архиве.
ckudku.com
21 октября 2010, 14:22
Добрый день!

Вот такой вопрос: у меня в балуне отображается информация (http://ckudku.com/map.html), меня все устраивает кроме одного. Как сделать чтобы картинка была не сверху а слева как в примере (http://ckudku.com/1.jpg)?

Использую вот такой код:
var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37.546172,47.098124), {style: "default#barberShopIcon"}
placemark.name = '<img src="http://ckudku.com/mariupol/images/image17.png" alt=""/>';
placemark.description = "<strong>Салон красоты\"Сапфо\"</strong><strong>Адрес:</strong><span>ул. Варганова,2</span><strong>Телефон:</strong><span>(0629)34-92-73</span><a href="http://ckudku.com" target="_blanс">1</a><span> | </span><span><a href="http://ckudku.com" target="_blanс">2</a>";
map.addOverlay(placemark);
Спасибо!
6 комментариев
Ваш вопрос связан в сущности с версткой, а не с API Яндекс.Карт.
Я бы посоветовал вам разделять данные и верстку элемента. Поэтому я немного переписал ваш код с использованием шаблона (шаблон написан с учетом вашего пожелания по поводу позиционирования изображения):

var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37.546172,47.098124), {
    style: {
        parentStyle : "default#barberShopIcon",
        balloonContentStyle : {
            template : new YMaps.Template(
                'http://ckudku.com/mariupol/images/image17.png" alt=""/>\
                \
                    $[name]\
                   
    >\
                           
  • Адрес:$[metaDataProperty.address]
  • \
                           
  • Телефон:$[metaDataProperty.phone]
  • \
                           
  • http://ckudku.com" >1 | http://ckudku.com">2
  • \
                       
\
                '
            )
        }
    }
});
placemark.name = 'Салон красоты "Сапфо"';
placemark.metaDataProperty = {
    address : "ул. Варганова,2",
    phone : "(0629)34-92-73"
};
map.addOverlay(placemark);
Огромное спасибо!
Через Google Chrome содержимое балуна с первого раза не отображается, кроме картинки. Что не так?
Отображается вот эта картинка: http://ckudku.com/map.html (квадрат с черной обводкой)
ну да. а текст не отображается
Ой, неверно прочитал вопрос.
Сейчас проверил в хроме, отображается все содержимое балуна.