YandexMaps

• Так выглядит TV поле в админке
• Так выглядит карта со множеством объектов во фронтенде
• Параметры сниппета YandexMaps
• Инструкция
• Примеры
• Пример 1 (вывод одиночного объекта используя свою иконку)
• Пример 2 (вывод одиночного объекта используя preset - "DotIcon")
• Пример 3 (вывод одиночного объекта используя preset - "StretchyIcon", и текст в нём)
• Пример 4 (вывод множества объектов используя параметр "objectsTypesJSON")
• Пример 5 (вывод множества объектов с субфильтрами из TV, используя параметр "objectsTypesJSON")

Компонент позволяет создавать Яндекс Карту и размещать на ней список объектов (1 объект = 1 ресурс). Можно вывести одиночный объект на карте по id ресурса.

Для добавления карты к ресурсу нужно всего лишь создать TV с типом "YandexMaps" (появится после установки компонента).

Чтобы указать местоположение объекта нужно просто кликнуть на том месте на карте в "дополнительных полях" ресурса.

Так выглядит TV поле в админке

Так выглядит карта со множеством объектов во фронтенде

Параметры сниппета YandexMaps

Инструкция

1. Установите компонент.
2. Добавьте TV поле (например: "coords"), у которого на вкладке "Параметры ввода" укажите тип: "yandexMaps":
3. Укажите это поле для шаблонов, которые будут присвоены ресурсам-объектам на карте.
4. Добавьте ресурс, у которого укажите шаблон, о котором говорилось выше. На вкладке "Дополнительные поля" кликните на том месте карты, на котором находится нужный объект. При необходимости воспользуйтесь поиском места на карте.
5. Примерное дерево, для которого указан вызов сниппета в примерах 4 и 5 (внизу):

Примеры

Пример 1 (вывод одиночного объекта используя свою иконку)

[[!yandexMaps?
    &id=`[[*id]]`
    &tvCoords=`coords`
    &markerIcon=`/images/cafe_marker_icon.png`
    &fieldForBalloonContent=`description`
    &fieldForHint=`pagetitle`
    &showMoreLink=`true`
]]

Пример 2 (вывод одиночного объекта используя preset - "DotIcon")

[[!yandexMaps?
    &id=`[[*id]]`
    &tvCoords=`coords`
    &markerPreset=`islands#violetDotIcon`
    &fieldForBalloonContent=`introtext`
    &fieldForHint=`menutitle`
]]

Пример 3 (вывод одиночного объекта используя preset - "StretchyIcon", и текст в нём)

[[!yandexMaps?
    &id=`[[*id]]`
    &tvCoords=`coords`
    &markerPreset=`islands#yellowStretchyIcon`
    &markerPresetText=`Плавательный бассейн`
    &fieldForBalloonContent=`description`
    &fieldForHint=`pagetitle`
    &showMoreLink=`true`
]]

Пример 4 (вывод множества объектов используя параметр "objectsTypesJSON")

[[!yandexMaps?
    &tvCoords=`coords`
    &fieldForBalloonContent=`description`
    &fieldForHint=`pagetitle`
    &objectsTypesJSON=`[
        {
            "InvestProjects": {
                "parent":"5",
                "preset":"islands#violetStretchyIcon",
                "presetText":"Реализованный",
                "title":"Инвестиционные проекты"
            },
            "InvestPlaygrounds": {
                "parent":"6",
                "icon":"/images/playgrounds_map_icon.png",
                "title":"Инвестиционные площадки"
            }
        }
    ]`
]]

Пример 5 (вывод множества объектов с субфильтрами из TV, используя параметр "objectsTypesJSON")

[[!yandexMaps?
    &tvCoords=`coords`
    &fieldForBalloonContent=`description`
    &fieldForHint=`pagetitle`
    &objectsTypesJSON=`[
        {
            "InvestProjects": {
                "parent":"5",
                "icon":"/images/projects_map_icon.png",
                "title":"Инвестиционные проекты",
                "subFilters": {
                    "status": {
                        "title":"Статус проекта",
                        "options": {
                            "0":{ "value":"Реализуемый==1", "icon":"/images/projects_map_icon1.png" },
                            "1":{ "value":"Реализованный==2", "preset":"islands#violetStretchyIcon", "presetText":"Реализованный" },
                            "2":{ "value":"Подписано соглашение==3", "preset":"islands#blueStretchyIcon", "presetFieldText":"pagetitle" }
                        }
                    },
                    "branch": {
                        "title":"Отрасль",
                        "options": {
                            "0":{ "value":"Фармацевтика и биотехнологии==1" },
                            "1":{ "value":"Автомобили и автокомпоненты==2" },
                            "2":{ "value":"Транспортно-логистические==3" },
                            "3":{ "value":"Другие направления==4" }
                        }
                    }
                }
            },
            "InvestPlaygrounds": {
                "parent":"6",
                "icon":"/images/playgrounds_map_icon.png",
                "title":"Инвестиционные площадки",
                "subFilters": {
                    "types": {
                        "title":"",
                        "options": {
                            "0":{ "value":"Особые экономические зоны==1", "icon":"/images/playgrounds_map_icon1.png" },
                            "1":{ "value":"Индустриальные парки==2", "icon":"/images/playgrounds_map_icon2.png" }
                        }
                    }
                }
            }
        }
    ]`
]]