Задать вопрос
@gimlen

Как сделать изменить иконку метки?

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

5f1ab7554983e960502334.jpeg
  • Вопрос задан
  • 153 просмотра
Подписаться Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    1C-программист: расширенный курс
    18 месяцев
    Далее
  • Академия Эдюсон
    Python-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по информационной безопасности + ИИ
    9 месяцев
    Далее
Решения вопроса 2
qork
@qork
{ background: #F00B42 }
Комментировать
mahmudchon
@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);
    
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы