Как сделать яндекс карту как в lerua merlen для сайта на ModX?

Для создания яндекс карты на сайте на ModX следуйте следующим шагам:

Шаг 1: Получите API-ключ Яндекс Карт

Первым делом вам необходимо получить API-ключ Яндекс Карт. Для этого перейдите на сайт разработчиков Яндекс: https://developer.tech.yandex.ru/services/. Там вам нужно зарегистрироваться и создать проект. Затем вам будет предоставлен API-ключ, который понадобится нам в последующих шагах.

Шаг 2: Установите плагин для работы с картами

Очень удобным плагином для работы с картами на ModX является плагин "YandexMaps", который можно загрузить и установить из официального репозитория ModX Extras: https://modx.com/extras/package/yandexmaps. Для установки нужно перейти в меню "Extras" в административной панели ModX и выбрать "Install new package". Затем найдите плагин "YandexMaps" и установите его.

Шаг 3: Настройте плагин YandexMaps

После установки плагина "YandexMaps" вам потребуется настроить его. Ключевыми настройками являются:

- API-ключ Яндекс Карт, который вы получили на первом шаге. Введите его в соответствующее поле в настройках плагина.
- Координаты центра карты. Вы можете указать широту и долготу, чтобы центр карты был установлен по вашему выбору.
- Масштаб. Установите желаемый масштаб карты.

Также у плагина есть дополнительные настройки, позволяющие добавлять метки на карту и задавать им название, адрес и описание.

Шаг 4: Выведите карту на страницу

Для того чтобы вывести карту на нужной странице сайта, вставьте следующий код на эту страницу, используя редактор шаблонов ModX:

[[!YMaps? &apikey=`API-KEY` &center=`LAT,LON` &zoom=`ZOOM`]]

Здесь API-KEY - это ваш API-ключ Яндекс Карт, полученный на первом шаге.
LAT и LON - это широта и долгота центра карты соответственно.
ZOOM - это масштаб карты, который вы хотите установить.

Например:

[[!YMaps? &apikey=`ABCD1234` &center=`55.753215,37.622504` &zoom=`10`]]

Шаг 5: Добавьте метки на карту (если нужно)

Если вам необходимо добавить метки на карту, вы можете использовать следующий код:

[[!YMaps? &apikey=`API-KEY` &center=`LAT,LON` &zoom=`ZOOM`
  &points=`[
    {"latitude": "LATITUDE1", "longitude": "LONGITUDE1", "title": "TITLE1", "description": "DESCRIPTION1"},
    {"latitude": "LATITUDE2", "longitude": "LONGITUDE2", "title": "TITLE2", "description": "DESCRIPTION2"}
  ]`]]

Здесь вы можете указать координаты, название и описание для каждой метки. Можете добавить столько меток, сколько вам нужно.

Например:

[[!YMaps? &apikey=`ABCD1234` &center=`55.753215,37.622504` &zoom=`10`
  &points=`[
    {"latitude": "55.751999, 37.592157", "title": "Метка 1", "description": "Описание 1"},
    {"latitude": "55.756742, 37.616567", "title": "Метка 2", "description": "Описание 2"}
  ]`]]

После добавления всех необходимых настроек и кода, сохраните изменения и обновите страницу вашего сайта. Теперь на этой странице должна отображаться яндекс карта как в Lerua Merlen.

Удачи в работе с яндекс картами на ModX!