Клуб API Карт

Заголовок не указан

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

Собственно вот такой косяк.

Вроди бы была такая проблема у человека уже ноя так и не понял что сделать нужно))) попрошу разжевать поподробней.Буду благодарен)

вот код

 

 

 

 

       myMap.events.add('click', function (e) {

            if (!myMap.balloon.isOpen()) {

            var coords = e.get('coordPosition'); 

            myMap.balloon.open(coords, {                        

                        contentBody: ' <div id="menu_ballon">\

                             <div id="menu_list_ballon">\

                                <label class="label_ballon">Название:</label> <input type="text" class="input-medium_ballon" name="icon_text" /><br />\

                                 <label class="label_ballon">Подсказка:</label> <input type="text" class="input-medium_ballon" name="hint_text" /><br />\

                                 <label class="label_ballon">Балун:</label> <input type="text" class="input-medium_ballon" name="balloon_text" /><br />\

                                 <div class="control-group_ballon"><label>Значок метки:</label>\

                                 <div class="input-prepend_ballon"><span class="add-on_ballon"><img src="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/blue.png" style="height: 20px" /></span>\

                                 <select name="image_ballon" id="select_ballon" class="span2_ballon" >\

                                    <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/arrowRight.png" value="twirl#arrowRightIcon">twirl#arrowRightIcon</option>\

                                    <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/tennis.png" value="twirl#tennisIcon">twirl#tennisIcon</option>\

                                        <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/tire.png" value="twirl#tireIcon">twirl#tireIcon</option>\

                                        <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/truck.png" value="twirl#truckIcon">twirl#truckIcon</option>\

                                        <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/train.png" value="twirl#trainIcon">twirl#trainIcon</option>\

                                        <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/tramway.png" value="twirl#tramwayIcon">twirl#tramwayIcon</option>\

                                    <option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/arrowUp.png" value="twirl#arrowUpIcon">twirl#arrowUpIcon</option>\

                                 </select></div>\

                                 </div></div>\

                             <button type="submit" class="btn_ballon btn-success_ballon">Сохранить</button>\

                             </div>'});    

         //Добавляем картинку при выборе опции select

$('#image_ballon').change(function(){

$('.add-on_ballon').find('img:first').attr('src', $('#image_ballon option:selected').attr('data-path'));

}); 

                     

                var Placemark_client = new ymaps.Placemark(coords);

                          myMap.geoObjects.add(Placemark_client);

                            

                        }         

            else { myMap.balloon.close();                }

 

              });

 

6 комментариев
Алексей Yarrr!
28 января 2016, 03:07

Неправильно определяется макет балуна.

Когда нужно полностью кастомизировать балун — нужно либо верстать по той структуре, что рисует АПИ, либо переопределять корневой шаблон. Если переопределять корневой шаблон — будет проблема с евентами, у меня они переставали получаться и мне пришлось их прокидывать руками, например, по кнопке close.

Я долго с этим ковырялся, но красивого решения не нашел.

я взял все это отсюда:

http://webmap-blog.ru/yandex-maps/yandeks-karta-na-vashem-sajte-s-vozmozhnostyu-dobavleniya-metok-polzovatelyami-api-yandeks-kart-v2-x

и там оно прекрасно работает.....  чем  проблема немогу понять

Может стоит спросить автора этого примера?

нужен пример - код без стилей как-то не воспринимается.

На первый взгляд кто-то абсолютно позиционирован.

щас скину

 

очевидно нужно у формы style z-index увеличить