Клуб API Карт

Не подгружается картинка для метки и не открывается балун.

create-st
12 января 2015, 11:54

Добрый день! Больше года не занималась с API Yandex, возникла проблема с метками

http://atk71.valuehost.ru/quarry.html

 

не подгружаются мои картинки для меток и не открываются балуны.

Можете подсказать что не так в реализации

 

 

 

function init () {

    // Создание экземпляра карты и его привязка к контейнеру с

    // заданным id ("map").

    myMap = new ymaps.Map('map', {

        // При инициализации карты обязательно нужно указать

        // её центр и коэффициент масштабирования.

        center: [54.192927, 37.617725], // Москва

        zoom: 8

    });  

   

   

    /*коллекция меток карьеров*/ 

    var icons = ['http://atk71.valuehost.ru/img/maps/icn-map-grey.png','http://atk71.valuehost.ru/img/maps/icn-map-orange.png','http://atk71.valuehost.ru/img/maps/icn-map-yellow.png'];

    var name = [[]'К-р Мартемьяновский','К-р АНК','К-р Восточные берники'];

    var types = ['песок горный','песок речной','щебень'];

    

    var coords = [

        [54.25, 37.30], [54.26, 38.08], [54.03, 37.66]

    ],

        myCollection = new ymaps.GeoObjectCollection({}, {

          draggable: false // и их можно перемещать

        });

 

    for (var i = 0; i < coords.length; i++) {         

        myCollection.add(new ymaps.Placemark(coords[i]),

            {

                name: name[i],

                type: types[i]

            },

            {    

                // Опции.

                // Необходимо указать данный тип макета.

                iconLayout: 'default#image',

                // Своё изображение иконки метки.

                iconImageHref: icons[i],

                // Размеры метки.

                iconImageSize: [62, 51],

                // Смещение левого верхнего угла иконки относительно

                // её "ножки" (точки привязки).

                iconImageOffset: [-6, -51],

                hasBalloon: true,

                hideIconOnBalloonOpen: true

            }

        );

    }

    

    // Создаем шаблон для отображения контента балуна

    var myBalloonLayout = ymaps.templateLayoutFactory.createClass(

        '<h3>$[properties.name]</h3>' +

        '<p><strong>Тип:</strong> $[properties.type]</p>'

    );

 

    // Помещаем созданный шаблон в хранилище шаблонов. Теперь наш шаблон доступен по ключу 'my#theaterlayout'.

    ymaps.layout.storage.add('my#theaterlayout', myBalloonLayout);

 

    // Задаем наш шаблон для балунов геобъектов коллекции.

    myCollection.options.set({

        balloonContentBodyLayout:'my#theaterlayout',

        // Максимальная ширина балуна в пикселах

        balloonMaxWidth: 300

    });

            

 

    myMap.geoObjects.add(myCollection);

}

 

6 комментариев
Подписаться на комментарии к посту
синтаксическая ошибка в коде.

var name = [[]'К-р Мартемьяновский','К-р АНК','К-р Восточные берники'];

Лишние вложенные скобки «[]».

не помогло. ошибок в консоли тоже нет

Почистите кэш в браузере.
У меня стали показываться.

да потому что я исправила код) поэтому у вас и стали показываться

А что именно исправили?

А то у меня тоже самое, ничего не трогал и вдруг балуны перестали открываться :(

у меня была синтаксическая ошибка. Неправильно расставленные кавычки в массиве