За основу взят пример из песочницы здесь.
Дано: По умолчанию, в данном примере изображение метки берется из коллекции Яндекса.
Задача: Заменить стандартное изображение на собственное.
Решение: В примере файл data.json состоит из строк следующего содержания:
{"type": "Feature", "id": 0, "geometry": {"type": "Point", "coordinates": [55.831903, 37.411961]}, "properties": {"balloonContentHeader": "<font size=3><b><a target='_blank' href='https://yandex.ru'>Здесь может быть ваша ссылка</a></b></font>", "balloonContentBody": "<p>Ваше имя: <input name='login'></p><p><em>Телефон в формате 2xxx-xxx:</em> <input></p><p><input type='submit' value='Отправить'></p>", "balloonContentFooter": "<font size=1>Информация предоставлена: </font> <strong>этим балуном</strong>", "clusterCaption": "<strong><s>Еще</s> одна</strong> метка", "hintContent": "<strong>Текст <s>подсказки</s></strong>"}},
Для того, чтобы стандартная метка заменилась собственной нужно добавить после блока
"hintContent": "<strong>Текст <s>подсказки</s></strong>"}
т.е между двумя фигурными скобками }} в конце строки
следующий блок:
, "options":{"iconLayout": "default(в этом месте решетка без пробелов до и после)image","iconImageHref": "nw.png","iconImageSize": [41, 41],"iconImageOffset": [-22, -26]}
Именно так, с запятой вначале блока. К сожалению, Дзен не дает безболезненно вставить решетку - сразу формирует хэштэг.
После вставки, конец строки будет выглядеть следующим образом:
"hintContent": "<strong>Текст <s>подсказки</s></strong>"}, "options":{"iconLayout": "default(в этом месте решетка без пробелов до и после)image","iconImageHref": "nw.png","iconImageSize": [41, 41],"iconImageOffset": [-22, -26]}},
Теперь вместо стандартной метки на карте метка с Вашим изображением. Если это не так, очистите кэш браузера.
Важно: Не забудьте, что после последней строки, запятую ставить нельзя!