Клуб API Карт

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

favouritemc
20 мая 2014, 07:52

Добрый день!

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

<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

console.log(coordinate) выдает: 56.061395697514,92.944324496579. Собственно то что мы имеем в data у нашего элемента.
Если заместо center: [coordinate] написать center: [56.061395697514,92.944324496579] то всё работает.

В чем может быть проблема?
2 комментария
Подписаться на комментарии к посту
Всеволод Шмыров
20 мая 2014, 09:43
coordinate - это строка, а карта принимает массив.

...
center: coordinate.split(','),
...

Благодарю!