Стилизация Яндекс Карты на Платформе теперь стала доступной благодаря скрипту «Яндекс Карта JS API»! С ним вы сможете задать стили вашей карты: настроить балун с информацией об организации, указать ее координаты, добавить готовые метки Яндекса или загрузить свою иконку или картинку. Скрипт максимально совместим с Платформой LP, все необходимые параметры устанавливаются в самом редакторе.
Исходный код
В настройках страницы добавьте новый плагин и назовите его «Яндекс Карта JS API»
Откройте его и в BODY добавьте следующий исходный код (файл body.html). Откройте в текстовом редакторе, например, в Блокнот.
Редактор
Добавьте новый элемент HTML-виджет
Нажмите Импорт
Скопируйте исходный код из файла widget.txt в открытое модальное окно и сохраните
У вас появится виджет «Яндекс Карта JS API».
Опционально: задайте в его настройках фоновое изображение, например, с вашей картой. Если Яндекс Карта по какой-либо причине не загрузится или будет долго запускаться на смартфоне, то посетитель увидит фон по умолчанию.
Параметры
В настройках виджета вы можете задать следующие параметры
Высота — высота карты на всех устройствах, кроме смартфонов.
Высота — мобильная версия — высота карты на смартфонах.
Настройки балуна
Заголовок — первая строка в балуне.
Адрес — вторая строка в балуне после слова «Адрес:».
Ссылка — ссылки проставляются в третью строку.
Координаты — координаты метки на карте (широта и долгота). Необходимо соблюдать синтаксис, писать их через запятую.
Зум — коэффициент масштабирования карты после загрузки страницы.
Метка
Метка — если выберите «Иконка», то будет показана одна из предустановленных меток самой Яндекс Карты.
Иконка — это поле используется если в качестве Метки выбрана «Иконка». Здесь вы указываете название предустановленной метки для Яндекс Карты. Наименования иконок можете посмотреть на странице
https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/option.presetStorage-docpage/
Изображение — это поле используется если в качестве Метки выбрана «Картинка». Вы можете загрузить собственное изображение метки. ВНИМАНИЕ! После загрузки картинки, вы не увидите никакого уведомления об этом. Для проверки воспользуйтесь предварительным просмотром страницы.
Опубликуйте страницу и проверяйте.
Примеры
