@gimlen

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

Стоит задача сделать интерактивную карту для сайта, но на месте где должна стоять метка( маркер) нужно поставить пользовательскую иконку.5f1ab7554983e960502334.jpeg
  • Вопрос задан
  • 137 просмотров
Решения вопроса 1
qork
@qork
{ background: #F00B42 }
Комментировать
Пригласить эксперта
Ответы на вопрос 1
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);
    
});
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы