Учебник Kepler.gl

Введение
- Что такое Kepler.gl
- История и развитие проекта
- Основные возможности и преимущества
- Архитектура библиотеки
- Системные требования
- Установка и настройка окружения
Быстрый старт
- Создание первой карты
- Загрузка данных
- Базовая конфигурация слоёв
- Экспорт результата
- Интеграция в существующий проект
Работа с данными
- Поддерживаемые форматы данных
- CSV и текстовые форматы
- JSON и GeoJSON
- Работа с WKT
- Форматы из систем управления базами данных
- Загрузка данных из файлов
- Загрузка данных из URL
- Работа с большими датасетами
- Оптимизация загрузки
- Предобработка данных
- Фильтрация и трансформация
- Агрегация данных
Слои и визуализация
- Типы слоёв
- Point layer
- Arc layer
- Line layer
- Grid layer
- Hexagon layer
- GeoJSON layer
- Cluster layer
- Icon layer
- Heatmap layer
- Trip layer
- S2 layer
- H3 layer
- Настройка внешнего вида слоёв
- Цветовые схемы
- Размер и масштабирование
- Прозрачность и наложение
- Stroke и fill параметры
- Высота и экструзия для 3D
Фильтры
- Создание фильтров
- Типы фильтров
- Временные фильтры
- Числовые фильтры
- Категориальные фильтры
- Комбинирование фильтров
- Динамическое управление фильтрами
- Фильтры по нескольким полям
Интерактивность
- Tooltip и всплывающие окна
- Настройка содержимого tooltip
- Форматирование данных в tooltip
- События клика и наведения
- Обработка пользовательских действий
- Программное управление взаимодействием
- Режим редактирования
Базовая карта
- Выбор стиля базовой карты
- Mapbox стили
- Кастомные стили
- Работа без базовой карты
- Настройка границ и ограничений
- Управление видимостью элементов карты
Конфигурация и состояние
- Структура объекта config
- mapState
- mapStyle
- visState
- Сохранение и загрузка конфигурации
- Экспорт конфигурации в JSON
- Восстановление состояния карты
- Версионирование конфигурации
Redux интеграция
- Архитектура состояния
- Actions
- Reducers
- Подключение к существующему Redux store
- Диспетчеризация действий
- Middleware и side effects
- Обработка асинхронных операций
React компоненты
- KeplerGl компонент
- Пропсы и их назначение
- Lifecycle методы
- AutoSizer и адаптивность
- Кастомизация UI
- Замена стандартных компонентов
- Создание собственных панелей
- Стилизация через CSS
Программное управление
- API методы
- addDataToMap
- updateVisData
- setFilter
- setLayerConfig
- toggleSplitMap
- Обновление данных в реальном времени
- Управление камерой и viewport
- Программная навигация
Работа с deck.gl
- Взаимосвязь Kepler.gl и deck.gl
- Доступ к deck.gl слоям
- Создание кастомных deck.gl слоёв
- Регистрация новых типов слоёв
- Расширение функциональности
- Performance оптимизации на уровне deck.gl
Экспорт и публикация
- Экспорт карты в HTML
- Экспорт изображений
- Экспорт видео и анимаций
- Генерация встраиваемого кода
- Публикация на серверах
- Интеграция с облачными сервисами
Работа с временными данными
- Временные шкалы
- Настройка временного диапазона
- Анимация по времени
- Скорость воспроизведения
- Временные агрегации
- Работа с различными форматами времени
- Фильтрация по периодам
3D визуализация
- Включение 3D режима
- Настройка высоты зданий
- Экструзия на основе данных
- Управление углом обзора и перспективой
- Освещение и тени
- Оптимизация производительности для 3D
Продвинутые техники
- Blend modes
- Кластеризация и агрегация
- Работа с большими географическими датасетами
- Оптимизация рендеринга
- Throttling и debouncing
- Web Workers для обработки данных
- Server-side рендеринг
Разделённые карты
- Режим split map
- Синхронизация viewport
- Независимые слои
- Сравнение данных
- Управление разделением
Локализация
- Поддержка языков
- Настройка интерфейса
- Форматы дат и чисел
- RTL поддержка
Тестирование
- Unit тесты
- Тестирование Redux логики
- Тестирование компонентов
- Интеграционное тестирование
- Визуальное регрессионное тестирование
- Тестирование производительности
Производительность
- Профилирование
- Bottleneck анализ
- Оптимизация загрузки данных
- Виртуализация больших датасетов
- Дебаунсинг пользовательских действий
- Memory leaks и их предотвращение
- Lazy loading
- Code splitting
Безопасность
- Валидация входных данных
- XSS защита
- CORS настройки
- Работа с токенами Mapbox
- Безопасное хранение конфигураций
Deployment
- Production build
- Конфигурация webpack
- Оптимизация bundle size
- CDN интеграция
- Docker контейнеризация
- CI/CD пайплайны
Troubleshooting
- Типичные ошибки и их решение
- Проблемы с загрузкой данных
- Проблемы с рендерингом
- Конфликты зависимостей
- Отладка Redux состояния
- Browser compatibility issues
Миграция между версиями
- Breaking changes
- Обновление зависимостей
- Адаптация кода
- Тестирование после миграции
Расширения и плагины
- Создание собственных расширений
- Регистрация кастомных эффектов
- Хуки и события
- Публикация расширений
API Reference
- Типы данных
- Интерфейсы
- Константы и енамы
- Утилиты
- Типизация TypeScript