Добрый день, копался в API яндекса, но так и не смог найти ответ на свой вопрос, мне нужно выгрузить много меток и задать каждой уникальный ID, к примеру вот такой код:
ymaps.ready(init);
function init() {
// Создание экземпляра карты.
var myMap = new ymaps.Map('map', {
center: [50.443705, 30.530946],
zoom: 14
}, {
searchControlProvider: 'yandex#search'
}),
// Контейнер для меню.
menu = $('<ul class="menu"></ul>');
for (var i = 0, l = groups.length; i < l; i++) {
createMenuGroup(groups[i]);
}
function createMenuGroup (group) {
// Пункт меню.
var menuItem = $('<li><a href="#">' + group.name + '</a></li>'),
// Коллекция для геообъектов группы.
collection = new ymaps.GeoObjectCollection(null, { preset: group.style }),
// Контейнер для подменю.
submenu = $('<ul class="submenu"></ul>');
// Добавляем коллекцию на карту.
myMap.geoObjects.add(collection);
// Добавляем подменю.
menuItem
.append(submenu)
// Добавляем пункт в меню.
.appendTo(menu)
// По клику удаляем/добавляем коллекцию на карту и скрываем/отображаем подменю.
.find('a')
.toggle(function () {
myMap.geoObjects.remove(collection);
submenu.hide();
}, function () {
myMap.geoObjects.add(collection);
submenu.show();
});
for (var j = 0, m = group.items.length; j < m; j++) {
createSubMenu(group.items[j], collection, submenu);
}
}
function createSubMenu (item, collection, submenu) {
// Пункт подменю.
var submenuItem = $('<li><a href="#">' + item.name + '</a></li>'),
// Создаем метку.
placemark = new ymaps.Placemark(item.center, {}, {
// Опции.
// Необходимо указать данный тип макета.
iconLayout: 'default#image',
// Своё изображение иконки метки.
iconImageHref: '//media.lpgenerator.ru/images/274836/metka-kopiya.png',
// Размеры метки.
iconImageSize: [64, 83],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
iconImageOffset: [-40, -85]
});
// Добавляем метку в коллекцию.
collection.add(placemark);
// Добавляем пункт в подменю.
submenuItem
.appendTo(submenu)
// При клике по пункту подменю открываем/закрываем баллун у метки.
.find('a')
.toggle(function () {
placemark.balloon.open();
}, function () {
placemark.balloon.close();
});
}
// Добавляем меню в тэг BODY.
menu.appendTo($('body'));
// Выставляем масштаб карты чтобы были видны все группы.
myMap.setBounds(myMap.geoObjects.getBounds());
}
И вот метки
// Группы объектов
var groups = [
{
name: "Известные памятники",
style: "default#image",
items: [
{
center: [50.426472, 30.563022],
},
{
center: [50.45351, 30.516489],
},
{
center: [50.454433, 30.529874],
}
]
}
];
