Клуб API Карт

Не открывается балун

Валентин
23 мая 2015, 15:42

Карта отображается на модальном диалоге bootstrap 3.

Пример страницы с картой http://goo.gl/PSNMkX (кликнуть по адресу или кнопке "карта")

 

 $(function() {
    ymaps.ready(init);
    function init() {
        var map = null;
        var balloons = [{
            "coordLam": "36.0172",
            "coordFi": "56.8055",
            "balloonContentHeader": "\u0412\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u0440\u0441\u043e\u043d\u0430 - \u0410\u0432\u0442\u043e",
            "balloonContentBody": "\u0410\u0432\u0442\u043e\u0441\u0430\u043b\u043e\u043d",
            "balloonContentFooter": "\u0433. \u0422\u0432\u0435\u0440\u044c, \u0443\u043b. \u041c\u043e\u0441\u043a\u043e\u0432\u0441\u043a\u043e\u0435 \u0448\u043e\u0441\u0441\u0435, \u0434.21, \u043a\u043e\u0440\u043f.2",
            "hintContent": "\u0410\u0432\u0442\u043e\u0441\u0430\u043b\u043e\u043d \u0412\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u0440\u0441\u043e\u043d\u0430 - \u0410\u0432\u0442\u043e"
        }];
        $("#show-map,.show-map").on("click",
            function() {
                if (map == null) {
                    ymaps.modules.require(["Map", "Placemark"]).spread(function(Map, Placemark) {
                        map = new ymaps.Map("simple-map", {
                            center: [56.8055, 36.0172],
                            zoom: 14,
                        });
                        for (i = 0; i < balloons.length; i++) {
                            //alert(balloons[i].hintContent);
                            var placemark = new Placemark(
                                [balloons[i].coordFi, balloons[i].coordLam], {
                                    balloonContentHeader: balloons[i].balloonContentHeader,
                                    balloonContentBody: balloons[i].balloonContentBody,
                                    //balloonContentFooter: blloons[i].balloonContentFooter,
                                    hintContent: balloons[i].hintContent,
                                    //balloonContent : balloons[i].hintContent,
                                }, {
                                    hasBalloon: true,
                                    openEmptyBalloon: true,
                                    openEmptyHint: true,
                                    openHintOnHover: true,
                                    syncOverlayInit: true,
                                    visible: true,
                                });
                            map.geoObjects.add(placemark);
                        }
                    }, this)
                } else {
                    map.destroy(); // Деструктор карты
                    map = null;
                }
            });
        $("#modal-map-simple").on("hidden.bs.modal", function(e) {
            if (map) {
                map.destroy(); // Деструктор карты
                map = null;
            }
        })
    }
});

 

4 комментария
Подписаться на комментарии к посту
Ссылка не открывается.

map.container.fitToViewport(); после показа карты должен помочь.
https://tech.yandex.ru/maps/doc/jsapi/2.1-dev/ref/reference/map.Container-docpage/#fitToViewport
Валентин
25 мая 2015, 08:47

не помогает, выполняю данный код после показа диалога, результат тот же, никаких реакций на клик по метке ((

Нужна ссылка

Валентин
25 мая 2015, 15:57

Уже разобрался, я подгружал только модуль карты, надо было еще прописать или догрузить балуны