Skip to content

egaxegax/dbcartajs

Repository files navigation

dbcartajs

Просмотр векторных карт и изображений с навигацией в JavaScript
Pan, zoom vector map and images (Canvas, SVG)

Примеры (demos)

Интерактивные схемы метро Москвы со строящимися линиями и станциями и Петербурга в 2024 году, пригородного ж/д транспорта Москвы и МО в 2015 году. По выбранным станциям рассчитывается кратчайший путь по алгоритму BFS. Выбор станций возможен по клику, сброс маршрута - по двойному клику.

Схема метро Москвы
Moscow Metro
Canvas SVG
Схема ж/д Москвы и МО
Moscow Railroad
Canvas SVG
Схема метро Петербурга
St. Petersburg Metro
- SVG
Схема метро Новосибирска
Novosib Metro
Canvas SVG
Схема метро Киева
Kiev Metro
Canvas -
Схема метро Тбилиси
Tbilisi Metro
Canvas -

Масштабирование изображений, использование цветов в canvas, градиента, анимации в svg.

Просмотровщик картинок
Image Viewer
Canvas SVG
Масштабирование SVG-изображения
Pan Zoom
- SVG
Ресайзинг SVG-карты
Pan Map
- SVG
Анимация движения
Roller Ball
- SVG
Настенные часы
Wall Clock
- SVG
Футбольные схемы
Soccer Schemes
Canvas -

Интерактивные карты мира со списками городов и стран в различных проекциях. Идея и стиль позаимствованы с примеров highmaps

Атлас мира
Atlas
Canvas SVG
Города мира
Cities
Canvas -
Города России без расстояний
Russian Cities
Canvas -
Страны мира
Countries
Canvas -
Население мира
Population
Canvas SVG
Население США
Population USA
- SVG
Маршруты на карте
Routes
Canvas -

Отрисовка картинки в канвасе 3d с пересчетом проекции отображения через шейдеры WebGL на основе примеров с сайта Spinnable World Maps. Звездное небо в канвасе 2d и 3d с использованием скриптов three.js.

Атлас 3D
Atlas 3D
Canvas
Звездное небо
Starry Sky
Canvas
Звездное небо 3D
Sky 3D
Canvas