16
Янв
2017

Вывод яндекс карты в модальном окне

Используя плагин yandexmaps, пытаюсь вывести яндекс карту в модальном окне.

Вот так:

<button class="btn btn-info btn-lg" type="button" data-toggle="modal" data-target="#myModal">Показать всплывающее окно</button>
<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal">×</button>
                <h4 class="modal-title">Заголовок окна</h4>
            </div>
            <div class="modal-body">
                [[!yandexMaps?
                    &tvCoords=`coords`
                    &fieldForBalloonContent=`description`
                    &fieldForHint=`pagetitle`
                    &objectsTypesJSON=`[
                        {
                            "InvestProjects": {
                                "parent":"5",
                                "preset":"islands#violetStretchyIcon",
                                "presetText":"Реализованный",
                                "title":"Инвестиционные проекты"
                            },
                            "InvestPlaygrounds": {
                                "parent":"6",
                                "icon":"/images/playgrounds_map_icon.png",
                                "title":"Инвестиционные площадки"
                            }
                        }
                    ]`
                ]]  
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" type="button" data-dismiss="modal">Закрыть</button>
            </div>
        </div>
    </div>
</div>

Но она даже не помещается в модальное окно, сразу выводится, а, когда открываю модальное, оно пустое.

Источник: https://ru.stackoverflow.com/questions/615406/%D0%92%D1%8B%D0%B2%D0%BE%D0%B4-%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81-%D0%BA%D0%B0%D1%80%D1%82%D1%8B-%D0%B2-%D0%BC%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%BC-%D0%BE%D0%BA%D0%BD%D0%B5

Тебе может это понравится...

Добавить комментарий