dbcartajs

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

Примеры (demos)

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

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

Просмотр jpeg и svg картинок с возможностью масштабирования.

Просмотровщик картинок Image Viewer	Canvas	SVG
Масштабирование SVG-изображения Pan Zoom	-	SVG

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

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

Примеры использования градиента и svg-анимации с эффектом движения.

Анимация движения Roller Ball	-	SVG
Настенные часы Wall Clock	-	SVG
Футбольные схемы Soccer Schemes	Canvas	-

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

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