Клуб API Карт

Вставка карты из конструктора в div через jQuery .append()

e.esakov
15 января 2015, 01:09

Суть проблемы: Есть textarea в которую вставляется код, сгенерированный через https://tech.yandex.ru/maps/tools/constructor/ (интерактивная карта)

Есть кнопка, которая показывает модальное окно, в котором должна отображаться карта. (так называемый режим "Предпросмотр"). Код карты берется из textarea

<script type="text/javascript">
$('#show-map').on('show.bs.modal', function (e) {
$('#load-map').append($("#settings-map").val());
})
</script>

где load-map тег div в который подгружается карта, settings-map - тег textarea, из которого берется код карты, сгенерированный как описано выше, show-map - div элемент модального окна

При выполнении запуска модального окна и его отображения в консоли хрома показывает ошибку: Скриншот на Яндекс.Диск

Судя по проблеме дело в z.parentNode которая является пустой.

Как решить проблему? Если через iframe, то как? Пробовал 

$("#load-map").html("<iframe src='data:text/html,<html><body>" + $("#settings-map").val() + "</body></html>'></iframe>");

Не помогло, создает iframe но карту не выводит, хотя скрипт между <body></body> появляется