[РЕШЕНО] Не подгружается карта при координатах из переменной

Добрый день!

Имеется элемент

<div class="user-map" data="56.061395697514,92.944324496579">Место осмотра</div>

И скрипт открытия всплывающего окна, с вставкой карты.

$(".user-map").click(function(e) {

        var coordinate = $(this).attr("data"),

            content = '<div id="user-map"></div>';

        $(".content", ".overlay").html(content);

        $(".overlay").fadeIn(700);

        ymaps.ready(init);

        function init() {

            console.log(coordinate);

            var myMap = new ymaps.Map('user-map', {

                center: [coordinate],

                zoom: 16

                });

            ymaps.geocode(myMap.getCenter(), {

                results: 1

            }).then(function (res) {

                res.geoObjects.options.set('preset', 'islands#icon');

                res.geoObjects.options.set('iconColor', '#000');

                myMap.geoObjects.add(res.geoObjects);

            });

        }

    });

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

   103

1. Uncaught TypeError: Cannot read property 'getShape' of undefined