Здравствуйте, я новичок в javaScript и вообще.
Суть проблемы:
На карте есть балун:
myPlacemark = new ymaps.Placemark([x, y], {
iconContent: 'Balloon',
balloonContentHeader: 'Header',
balloonContent: '<div id="test" style="width: 400px; height: 400px;"></div>',
}
Также есть вторая карта:
var myMaptest = new ymaps.Map("test", {
center: [x, y],
zoom: 5,
});
}
Вторая карта отображается в балуне, только если при загрузке страницы он уже открыт ( myPlacemark.balloon.open(); )
Если же балун закрыть и открыть снова, то карта отображаться не будет. Либо если по умолчанию оставить балун закрытым, то при открытии карта тоже будет не видна.
Как решить данную проблему?
p.s. Повторюсь, я новичок. Подозреваю, что надо копать в сторону AJAX для динамической подгрузки, прав ли я? В общем, подскажите, как правильно сделать или направьте на изучение необходимого материала.
p.p.s Код всего скрипта:
<script type="text/javascript">
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map("YMapsID", {
center: [55.02, 82.90],
zoom: 5,
type: 'yandex#hybrid'
});
myPlacemark = new ymaps.Placemark([56.022788, 92.897815], {
iconContent: 'Balloon',
balloonContentHeader: Header',
balloonContent: '<div id="test" style="width: 200px; height: 200px;"></div>',
}, {
preset: 'twirl#blueStretchyIcon'
});
myPlacemark.events.add('balloonopen', function () {
myMapTest.container.fitToViewport();
});
myMap.geoObjects.add(myPlacemark);
//myPlacemark.balloon.open();
var myMapTest = new ymaps.Map("test", {
center: [55.02, 82.90],
zoom: 5
});
}
</script>