Как поменять иконки в Yandex Maps на свои?

Для изменения иконок в Yandex Maps на свои, вам необходимо выполнить следующие шаги:

1. Подготовьте новые иконки, которые вы хотели бы использовать. Иконки должны быть в формате изображения (например, PNG) и иметь соответствующий размер.

2. Создайте новый экземпляр карты в MODX. Для этого вам необходимо добавить на страницу необходимые теги. Например, используйте следующий код:

[[!YMap? &apikey=`YOUR_API_KEY` &height=`300` &width=`500`]]

В этом коде вы должны заменить YOUR_API_KEY на ваш ключ API Yandex Maps. Зарегистрируйтесь на https://developer.tech.yandex.ru и получите свой ключ API.

3. Добавьте JavaScript код, который будет отображать новые иконки. Для этого вам следует использовать метод Placemark для создания новой отметки на карте с заданными координатами и новой иконкой. Код будет выглядеть примерно так:

ymaps.ready(function() {
   var myMap = new ymaps.Map("map", {
      center: [55.76, 37.64],
      zoom: 10
   });

   var myPlacemark = new ymaps.Placemark([55.76, 37.64], {
      hintContent: 'Москва!',
      balloonContent: 'Столица России'
   }, {
      iconLayout: 'default#image',
      iconImageHref: 'path_to_your_custom_icon.png',
      iconImageSize: [25, 50], // Размеры вашей иконки
      iconImageOffset: [-25, -50] // Смещение иконки
   });

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

В этом коде вы должны заменить path_to_your_custom_icon.png на путь к вашей собственной иконке, а [25, 50] на размеры вашей иконки.

4. Добавьте CSS стили для иконки, если это необходимо. Например, вы можете использовать следующий CSS код:

.ymaps-2-1-xxxxx-placemark-default-icon {
   background-image: url('path_to_your_custom_icon.png');
   background-size: contain;
   background-repeat: no-repeat;
   width: 25px;
   height: 50px;
}

В этом коде вы должны заменить path_to_your_custom_icon.png на путь к вашей собственной иконке, а 25px и 50px на размеры вашей иконки.

5. Сохраните изменения и обновите страницу с картой. Теперь вы должны видеть новую иконку на карте Yandex Maps.

Обратите внимание, что данный ответ предполагает использование JavaScript и CSS для настройки иконок на карте Yandex Maps в MODX. Если вы не знакомы с этими технологиями, вам может потребоваться обратиться за помощью к разработчику или изучить соответствующую документацию.