Клуб API Карт

5 комментариев
Подписаться на комментарии к посту
У балуна поехала верстка.

Конфликтующие стили:
table {   
    margin:1em 0;     width:100%; }
tbody {     border-top:1px solid #CCCCCC; }

Также я бы посоветовал Вам уменьшить ширину балуна и заменить загрузку YMapsML на этот скрипт:
var placemark = new YMaps.Placemark(new YMaps.GeoPoint(31.29946,51.48720), {balloonOptions: {maxWidth: 300}});
            placemark.description = 'Чернігівська обласна молодіжна громадська організація ВМГО "Батьківщина молода" офіс 5, вул. Белінського, 11;місто Чернігів, Україна Телефон: 8(04622)4-15-72 http://bm.byutchernigiv.org.ua/ya_map/bm_ya_map_logo.jpg" alt="" />';
            map.addOverlay(placemark);

Если у Вас будет отображаться одна метка, то можно данные о ней прописать в самом скрипте и нет необходимости подгружать данные о ней из xml-файла.

Также нет необходимости вставлять в код Вашей странички еще одну html-страницу.
Для работы карты нужно оставить подключение скрипта API, скрипт инициализации карты (
подключать скрипты лучше в теге ), а также контейнер для карты (его размещаете в том месте, где нужно отобразить карту), т.е. оставить нужно следующее:




...
Спасибо огромное! Попытаюсь понять что Вы мне объяснили. Действительно, вывод "окна баллона" некрасивый и какой-то перекошенный. P.S: ..а когда-то я был программистом :)
Цитата: "Также нет необходимости вставлять в код Вашей странички еще одну html-страницу." Ресурс на Drupal-движке, html-страница вставлена в созданный для карты пользовательский блок, вывод блока - в режиме php. Сейчас пока что модно вставлять карту в сайт. Не хочу сильно отставать от жизни (со своими Windows 2003 сетями). В принципе, почти устраивает, но хочу ещё 2 вещи: 1. Изменить иконку балуна. 2. Вывод в балуне: 2.1. Как "перенести" текст по-строчно, (перевод строки)? 2.2. Вывести картинку по центру. Если сможете, попытайтесь, пожалуйста, мне подсказать. Спасибо.
1. О том, как изменить значок метки рассказано в Руководстве разработчика.
2.1. В балуне можно размещать любое html-содержимое, т.е. для перевода строки можно воспользоваться тегом
или создать абзацы с помощью тега

.
2.2. Как вариант, можно обернуть изображение в тег

у которого указать стиль text-align:center:


   

Выставить рисунок по центру в балуне смог следующим образом:
В этом месте файла ballooncontent.html:
           
           
               
           

           
из примера Отображение html в балуне: (страница http://api.yandex.ru/maps/ymapsml/examples/?ncrnd=7344)

Вставил картинку вот так:
               

И теперь, вроде как, отображается на экране красиво. :)

Большое спасибо Саша Белый за помощь!