Добрый день! Больше года не занималась с 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 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);
}