Как сделать интерактивную карту для сайта, но с измененой иконкой на месте метки?

Question

[gimlen]

Стоит задача сделать интерактивную карту для сайта, но на месте где должна стоять метка( маркер) нужно поставить пользовательскую иконку.

Answer 1

[display: block]

https://tech.yandex.ru/maps/jsbox/2.1/icon_customImage

Answer 2

[mahmudchon]

Код очень короткий и не сложный.

ymaps.ready(function () {

    var myMap = new ymaps.Map('map', {
            center: [55.751574, 37.573856],
            zoom: 10
        }, {
            searchControlProvider: 'yandex#search'
        }),

        myPlacemark = new ymaps.Placemark([55.661574, 37.573856], {
            hintContent: 'Подсказка',
            balloonContent: 'Содержание'
        }, {
            // Опции.
            // Необходимо указать данный тип макета.
            iconLayout: 'default#image',
            // Своё изображение иконки метки.
            iconImageHref: 'marker.png',
            // Размеры метки.
            iconImageSize: [20, 28],
            // Смещение левого верхнего угла иконки относительно
            // её "ножки" (точки привязки).
            iconImageOffset: [-10, -28]
        });

    myMap.geoObjects.add(myPlacemark);
    
});