Чтобы добавить кастомную метку с собственным изображением на карту используя Yandex Maps API версии 3, можно воспользоваться следующим примером кода:
```javascript
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64], // координаты центра карты
zoom: 10
}, {
searchControlProvider: 'yandex#search'
}),
// Создание метки с кастомным изображением
myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
hintContent: 'Собственный значок метки',
balloonContent: 'Это красивая метка'
}, {
// Опции
iconLayout: 'default#image',
// Путь к нашему кастомному изображению для иконки
iconImageHref: 'images/myIcon.gif', // здесь указывается путь к изображению иконки
// Размеры метки
iconImageSize: [30, 42],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки)
iconImageOffset: [-5, -38]
});
// Добавляем метку на карту
myMap.geoObjects.add(myPlacemark);
}
```
Важные моменты в коде:
1. Убедитесь, что у вас есть элемент `<div id="map"></div>` в вашем HTML, где будет отображаться карта.
2. Координаты центра карты `'center'` и начальный уровень масштабирования `'zoom'` должны быть установлены согласно вашим нуждам.
3. В свойствах `myPlacemark` вам нужно указать подсказку (hintContent) и содержимое балуна (balloonContent), которые будут отображаться при взаимодействии с меткой.
4. В опциях для создания метки `iconLayout`, `iconImageHref`, `iconImageSize`, `iconImageOffset` нужно указать ваше собственное изображение и параметры для правильного отображения на карте. Указывать путь в `iconImageHref`, размеры в `iconImageSize` и смещение в `iconImageOffset`.
5. Путь к изображению иконки `iconImageHref` должен быть корректным и изображение должно быть доступно (существовать) в указанном месте.
Обратите внимание, что в примере используется относительный путь к изображению (`images/myIcon.gif`). Ваш путь будет зависеть от структуры вашего проекта. Проверьте, что изображение загружается корректно и доступно для вашей веб-страницы.