yandex-map

yarn

yarn add yandex-map

Вызов компонента

<YandexMap
                apikey={'ваш apikey'}
                settings={{
                    center: [координаты],
                    zoom: 12,
                    height: 'высота контейнера, например 500px',
                    clusterProperties: {
                        preset: 'islands#invertedDarkGreenClusterIcons',
                        clusterHasBallon: false,
                        disableClickZoom: true
                    },
                    geoObjectsProperties: {
                        preset: 'islands#darkGreenCircleDotIcon',
                        iconImageSize: [30, 42],
                        iconImageOffset: [-13, -42]
                    }
                }}
                component={ Кастомный компонент } // Компонент вывода списка объектов.
                param={{ // дополнительные параметры, передаваемые в кастомный компонент
                    isOpen: open
                }}
                objects={ массив объектов } //массив объектов с свойством coordinates:[] 
            />

Описание пропсов

| Параметр | Значение по умолчанию | Тип | Описание | |----------|-----------------------|-----|----------| | apikey | Обязательный параметр | string | API ключ яндекс карт | | settings | - | object | Настройки карты | | settings.width | 100% | string | Ширина контейнера | | settings.height | 100% | string | Описание | | settings.center | [55.751498, 37.618793] | number[] | Центр карты | | settings.zoom | 12 | number | zoom при загрузке карты | | settings.clusterProperties | {} | object | Настройки кластера (подробнее https://tech.yandex.ru/maps/jsapi/doc/2.1/) | | settings.geoObjectsProperties | {} | object | Настройки объекта (подробнее https://tech.yandex.ru/maps/jsapi/doc/2.1/) | | component | ModalContainer | ReactComponent | Компонент вывода списка объектов. Открывается в виде окна на карте при клике на объект на карте. Выводит только координаты из списка объектов | | param | {} | any | Произвольные параметры. Передаются в компонент вывода списка. | | objects | [] | any | Массив объектов для вывода на карте |