Map Layer Story

История по карте: шаги включают слои данных и кадрируют регион, без WebGL. Pro · Графики и аналитика › Аналитика и сценарии

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add map-layer-story

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { MapLayerStory } from 'valyro-ui-pro';

Prop	Type	Default
`layers` *	`MapStoryLayer[]`		Data layers the steps turn on and off.
`steps` *	`MapStoryStep[]`		The story, in order: narration, layers and the region to frame.
`step`	`number`		Index of the current step.
`defaultStep`	`number`	`0`	Initial step when uncontrolled. Default 0.
`onStepChange`	`(step: number) => void`		Called when the reader moves to another step.
`attribution` *	`ReactNode`		Map credit, always visible: base map and data licences.
`bounds`	`[west: number, south: number, east: number, north: number]`		Region of the first frame when a step sets none: [west, south, east, north]. Default: the world.
`textRows`	`number`	`8`	Rows of the text version per layer before "and N more". Default 8.
`loading`	`boolean`	`false`	The data is loading: skeleton.
`error`	`ReactNode`		Loading failed: shown instead of the story.
`title`	`ReactNode`		Heading. Default: `labels.title`.
`headingLevel`	`2 \| 3 \| 4 \| 5`	`3`	Level of the heading (default 3).
`locale`	`string`		BCP 47 locale for country names and numbers; defaults to the ThemeProvider's.
`labels`	`Partial<MapLayerStoryLabels>`		Overrides for the built-in English text; keys left out keep their defaults.