Для кастомизации Яндекс Карт в 1C-Bitrix вам понадобится собственный JavaScript код.
Во-первых, необходимо подключить API Яндекс Карт на страницу, на которой вы хотите использовать кастомные карты. Для этого, в шаблоне сайта или в соответствующем компоненте, добавьте следующий код в секцию <head>:
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
Затем, в js-файле вашего проекта, добавьте следующий код для создания и кастомизации карты:
ymaps.ready(function() {
var myMap = new ymaps.Map('map', {
center: [55.76, 37.64], // Координаты центра карты
zoom: 10 // Масштаб карты
});
// Меняем тип карты на "Схема"
myMap.setType('yandex#map');
// Добавляем масштабную линейку
myMap.controls.add('scaleLine', { position: { right: 10, bottom: 40 } });
// Добавляем элемент управления "Масштаб"
myMap.controls.add('zoomControl', { position: { top: 10, right: 10 } });
// Создаем кастомный макет балуна
var customBalloonLayout = ymaps.templateLayoutFactory.createClass(
'<div class="custom-balloon">' +
'<div class="custom-balloon-content">$[properties.balloonContent]</div>' +
'</div>'
);
// Задаем опции кастомного макета балуна
var customBalloonOptions = {
balloonLayout: customBalloonLayout,
balloonPanelMaxMapArea: 0
};
// Создаем кастомный метка на карте
var customPlacemark = new ymaps.Placemark([55.76, 37.64], {
balloonContent: 'Мой кастомный балун'
}, customBalloonOptions);
// Добавляем кастомную метку на карту
myMap.geoObjects.add(customPlacemark);
});
В данном примере создается карта с центром в координатах [55.76, 37.64] и масштабом 10. Далее меняется тип карты на "Схема", добавляются масштабная линейка и элемент управления "Масштаб". Затем создается кастомный макет балуна для меток, задаются опции кастомного макета балуна и создается кастомная метка с указанными координатами и содержимым балуна. Последним шагом кастомная метка добавляется на карту.
Вы можете присваивать свои собственные значения центра и масштаба карты, а также задавать различные опции и настройки по своему усмотрению.
Надеюсь, эта информация поможет вам успешно закастомить Яндекс Карт в 1C-Bitrix!