Клуб API Карт

Содержимое балуна (шрифт и стили гиперссылок)

ckudku.com
22 октября 2010, 14:32

Александр, Вы мне написали такой код:

var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37.546172,47.098124), {  

    style: {       

    parentStyle : "default#barberShopIcon",        

    balloonContentStyle : {        

    template : new YMaps.Template( 

    '<img style="float:left;padding-right:1em" src="http://ckudku.com/mariupol/images/image17.png" alt=""/>\       

    <div style="float:left">\  

    <b>$[name]</b>\        

    <ul style="padding:0;margin-top:0.5em;list-style:none">\       

    <li><b>Адрес:</b>$[metaDataProperty.address]</li>\ 

    <li><b>Телефон:</b>$[metaDataProperty.phone]</li>\ 

    <br><li><a href="http://ckudku.com" target =
"_blank">Ссылка 1</a><span> |
</span><span><a class="iframe" href="http://ckudku.com"
onclick="$.fancybox(this);return false;">Ссылка
2</a></li>\ 

    </ul>\ 

    </div>'        

    )  

    }  

    }  

    });        

    placemark.name = 'Салон красоты "Сапфо"';  

    placemark.metaDataProperty = {  

    address : " ул. Варганова, 2", 

           

    phone : " (0629) 34-92-73" 

    }; 

    map.addOverlay(placemark)

 

Спасибо, все работает! Вот только у меня еще один глупый вопрос...

1. Как в содержимом балуна изменить шрифт?

2. Как в содержимое балуна добавить стиль гиперссылки:

<style type="text/css">

a.style1:link{color:#000000;text-decoration: none;}

a.style1:visited{color:#000000;text-decoration: none;}

a.style1:active{color:#FF0042;text-decoration: none;}

a.style1:hover{color:#FF0042;text-decoration: underline;}

</style>

<style type="text/css">

Или как можно сделать что-нибудь подобное с гиперссылкой?

8 комментариев
Подписаться на комментарии к посту
В конструкторе new YMaps.Template вы используете код, очень похожий на HTML, возможно с ним нужно сделать то- же что и с HTML?


пробовал, исчезает карта
А как вы пробовали менять шрифт и цвета ссылок? После каких действий исчезла карта?
Карта исчезала как вставлял этот код в страницу


Я так понял, что вы стили вставили в шаблон. Этого делать не нужно.
Поместите нужные стили в тег , а в шаблоне укажите имена классов и все должно заработать.

P. S. Это опять вопрос по верстке.
А как их указать? И где можно изменить шрифт содержимого балуна?
Содержимое балуна у вас задается посредством шаблона. Соответственно, чтобы изменить шрифт содержимого балуна, нужно сделать изменения в шаблоне, например, можно увеличить шрифт во всем балуне до 1.2em (выделено жирным):

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
  • \
                       
\
                '
            )
        }
    }
});

Еще я попрошу вас переименовать название этого поста (чтобы название отражало суть обсуждаемой проблемы) и не создавать безликие посты с темой "Как сделать?". Это поможет пользователям, столкнувшимся с подобными проблемами, быстрее найти решение.
Загляните в консоль ошибок джаваскрипта.