ymaps.ready(function () { var myMap = new ymaps.Map('map', { center: [55.751574, 37.573856], zoom: 9 }, { searchControlProvider: 'yandex#search' }), // Создаём макет содержимого. MyIconContentLayout = ymaps.templateLayoutFactory.createClass( '
$[properties.iconContent]
' ), myPlacemark = new ymaps.Placemark(myMap.getCenter(), { hintContent: 'Собственный значок метки', balloonContent: 'Это красивая метка' }, { // Опции. // Необходимо указать данный тип макета. iconLayout: 'default#image', // Своё изображение иконки метки. iconImageHref: 'images/myIcon.gif', // Размеры метки. iconImageSize: [30, 42], // Смещение левого верхнего угла иконки относительно // её "ножки" (точки привязки). iconImageOffset: [-5, -38] }), myPlacemarkWithContent = new ymaps.Placemark([55.661574, 37.573856], { hintContent: 'Собственный значок метки с контентом', balloonContent: 'А эта — новогодняя', iconContent: '12' }, { // Опции. // Необходимо указать данный тип макета. iconLayout: 'default#imageWithContent', // Своё изображение иконки метки. iconImageHref: 'images/ball.png', // Размеры метки. iconImageSize: [48, 48], // Смещение левого верхнего угла иконки относительно // её "ножки" (точки привязки). iconImageOffset: [-24, -24], // Смещение слоя с содержимым относительно слоя с картинкой. iconContentOffset: [15, 15], // Макет содержимого. iconContentLayout: MyIconContentLayout }); myMap.geoObjects .add(myPlacemark) .add(myPlacemarkWithContent); });
© Яндекс Условия использования 700 м Код для сайта
Zero block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Show more222