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={ массив объектов }
/>
Описание пропсов
Параметр |
Значение по умолчанию |
Тип |
Описание |
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 |
Массив объектов для вывода на карте |