Для создания HTML-метки через API Яндекс Карт в JavaScript можно воспользоваться следующим примером:
ymaps.ready(init); function init() { var myMap = new ymaps.Map('map', { center: [55.755773, 37.617761], zoom: 10 }); var myPlacemark = new ymaps.Placemark([55.755773, 37.617761], { balloonContent: 'Это HTML-метка' }, { iconLayout: 'default#image', iconImageHref: 'images/icon.png', iconImageSize: [30, 42], iconImageOffset: [-15, -42] }); myMap.geoObjects.add(myPlacemark); }
В этом коде:
1. Мы используем метод ymaps.ready()
, чтобы дождаться полной загрузки API Яндекс Карт.
2. Затем создаем объект карты myMap
с указанием центра и уровнем масштабирования.
3. Создаем метку myPlacemark
с координатами и содержимым балуна.
4. Указываем макет иконки метки, путь к изображению, размеры и смещение.
После чего добавляем созданную метку на карту с помощью myMap.geoObjects.add(myPlacemark)
.
Этот код демонстрирует создание HTML-метки на карте Яндекс с возможностью настройки внешнего вида метки. Более подробную документацию по API Яндекс Карт можно найти на официальном сайте Яндекса: https://yandex.ru/dev/maps/jsapi/