Клуб API Карт

Изменение меток для группы объектов

Пост в архиве.

Добрый день!

Необходимо изменить стандартные метки на свои картинки. Каждой метке должна соответствовать своя собственная картинка!

Карта сделана по примеру из песочницы https://tech.yandex.ru/maps/jsbox/2.1/object_list.

Метки старался менять по этому примеру https://tech.yandex.ru/maps/jsbox/2.1/icon_customImage.

По-видимому команду iconImageHref ставлю куда-то не туда. Хотя пробывал разные варианты и в object_list.js и в groups.js.

В программировании не силен, поэтому надежда только на Вас.

Единственное, что получилось, так это сменить все метки на одну картинку, но мне-то нужно чтоб каждой иконке соответствовала своя картинка...

 function createSubMenu (item, collection, submenu) {

        // Пункт подменю.

        var submenuItem = $('<li><a href="#">' + item.name + '</a></li>'),

        // Создаем метку.

            placemark = new ymaps.Placemark(item.center, {balloonContent:item.balloonContent },

{

 

iconLayout: 'default#image',// ЭТИ 2 СТРОЧКИ Я ВПИСАЛ, В НАДЕЖДЕ ЧТО МЕТКИ ИЗМЕНЮТСЯ НА КАРТИНКУ.

iconImageHref: 'algae.gif'  // ОНИ ДЕЙСТВИТЕЛЬНО ИЗМЕНИЛИСЬ, ОДНАКО ОНИ ВСЕ ОДИНАКОВЫЕ

 

});

Пробывал ставить ссылки в файл groups.js, тогда совсем ничего не происходит...В консоли ошибок не показывает, вот ссылка на всю папку с сайтом https://yadi.sk/d/-BasuTJ8gzSG9

4 комментария

Вот хорошая книга по JavaScript

http://rutracker.org/forum/viewtopic.php?t=4762703

спасибо за ссылку!Я уже читаю её =) Но к сожалению, абсолютно нет времени погрузится с головой в изучение азов, поэтому приходится разбираться на практике с помощью метода научного тыка=)

Подскажите пожалуйста хотя бы в каком файле внести изменения. Буду очень благодарен, потому что окончательно запутался!

Соберите минимальный пример на jsfiddle.net, в котором не получается задать картинки. По тексту сложно и долго объяснять, в коде же можно быстро поправить и указать на строчки.

http://jsfiddle.net/3n9wtwan/

 

только я не понял как 2 файл javascript подгрузить(group.js)

Я загрузил его в Externel Resources запихал