Клуб API Карт

Проблема с балунами на карте

isk4nd3r
25 ноября 2010, 17:13

Пытаюсь разместить на карте балун.

В данный момент имеется такой html код:

                <style>
                #map-cont{
                    width:520px;
                    height:300px;                
                }
                </style>
                <div>
                    <div id="map-cont">
                    </div>
                </div>

и вот такой яваскрипт:

 window.onload = function () {
    var map = new YMaps.Map(document.getElementById("map-cont"));
    var geocoder = new YMaps.Geocoder("Россия, Москва, 115478,  Каширское шоссе, дом 24, строение 11");
    YMaps.Events.observe(geocoder, geocoder.Events.Load, function (geocoder) {
            var placemark = new YMaps.Placemark(geocoder.get(0).getGeoPoint(), {style: "default#redSmallPoint"});

            placemark.setIconContent("К.М.Косметик");
            placemark.name = "К.М.Косметик";
            placemark.description = "Россия, Москва,  Каширское шоссе, дом 24, строение 11";
                              
            map.addOverlay(placemark);
            map.setBounds(geocoder.get(0).getBounds());
            $(".YMaps-b-balloon-content").removeAttr("style");
    });
}   

При этом метка ставится верно, но почему-то балун получается гигантской ширины.

код балуна который в итоге получается:

<div class="YMaps-b-balloon-content" style="width: 780px; height: 16px; overflow: hidden;">К.М.Косметик</div>
откуда берется это width:780px? в какую сторону копать?
20 комментариев
Подписаться на комментарии к посту
А если  placemark.setIconContent("К.М.Косметик"); - так не делать то вылазит правильная аккуратная иконка, зато если по ней кликнуть все-равно вылезает огромная всплывающая штука

контент

Кстати у нее width совпадает с width контейнера
А зачем вот это?
$(".YMaps-b-balloon-content").removeAttr("style");
Не надо так делать.
м, это случайно осталось.
Я таким способом пытался удалить этот самый style после создания балуна. Собственно, это ни на что не влияет
Дайте ссылку на страницу.
Или сами посмотрите в инстпекторе какие из других ваших стилей на странице влияют на элементы балуна.
проблема в том, что стили не влияют на элементы балуна. style="width: 780px" появляется непосредственно в html-коде  самого балуна.

завтра утром смогу сделать демо-страницу, уже ушел с работы
Не получилось?
извиняюсь, заработался
вот пример страницы со всеми подключенными js и css
http://www.salemarket.ru/yandexmaps.php
У меня все нормально на вашем примере. Размеры балуна в точности совпадают с размером контента в нем.
у меня в ФФ и в хроме выглядит вот так:
http://img130.imageshack.us/img130/816/tempryi.png
а хотелось бы вот так:
http://img29.imageshack.us/img29/5232/tempkc.png

и аналогично с балуном:
http://img88.imageshack.us/img88/1594/tempf.png
Балун на приведенной вами странице у меня отображается вот так:
хм, возможно проблема в моей машине
хм извиняюсь нашел в чем причина - оказывается на странице некоторые ссылки на js и css вели на мою локальную машину (типа http://salemarket.local/css) и поэтому у всех кто сидел не с моей машины все было нормально, а у меня - плохо.
Теперь у всех плохо, и стало ясно что проблема в каком то из скриптов или ccs-ов

ищу
проблему удалось локализовать, если не подключать css то балун имеет нормальный размер.
Осталось найти из-за чего он так растягивается
так, проблему удалось еще более локализовать, проблема возникает при подключении вот этого файла:
http://www.salemarket.ru/css/reset.css
все спасибго за помощь, проблема обнаружена.
оказывается у нас в reset.css написано table { width:100%} и из-за этой строчки балун разъезжается
будем решать проблему с верстальшиком
проблема решилась добавлением, спасибо всем кто участвовал в обсуждении

                #map-cont table {
                    width:auto;
                }

Помогло, спасибо!

Спасибо!

В ff 3.6 у меня балун имеет ширину 310 пикселей. Вы считаете, что это много?
Проверил еще в паре браузеров на глаз та же ширина.
Если вы наблюдаете проблему в вашем браузере, напишите пожалуйста его название и версию.