JSFiddle - React, Tailwind, and code Playground

by maximoff_pn

HTML

<title>Примеры. Создание иконки метки из собственного изображения</title>
    <script src="//api-maps.yandex.ru/2.1-dev/?lang=ru-RU&load=package.full" type="text/javascript"></script>

<style type="text/css">
    #YMapsID {
        width: 550px;
        height: 400px;
    }
</style>

<body>
    <div id="YMapsID"></div>
</div>
</body>

JavaScript

ymaps.ready(function () {
    var myMap = new ymaps.Map('YMapsID', {
            center: [55.751574, 37.573856],
            zoom: 9
        }),
        myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
            hintContent: 'Собственный значок метки'
        }, {
            // Опции.
            // Необходимо указать данный тип макета.
            iconLayout: 'default#image',
            // Своё изображение иконки метки.
            iconImageHref: 'http://aps-shop.ru/UserFiles/Image/Geo_ico/label_orange.png',
            // Размеры метки.
            iconImageSize: [22, 31],
            // Смещение левого верхнего угла иконки относительно
            // её "ножки" (точки привязки).
            iconImageOffset: [-11, -31]
        });

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