dbcartajs
dbcartajs
Просмотр векторных карт и изображений с навигацией в JavaScript
Pan, zoom vector map and images (Canvas, SVG)
Примеры (demos)
Интерактивные схемы метро Москвы со строящимися линиями и станциями и Петербурга в 2024 году, пригородного ж/д транспорта Москвы и МО в 2015 году. По выбранным станциям рассчитывается кратчайший путь по алгоритму BFS. Выбор станций возможен по клику, сброс маршрута - по двойному клику.
Схема метро Москвы Moscow Metro | Canvas | SVG | 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 |
Описание
Элегантная панорама и масштабирование векторных данных и изображений (Canvas, SVG)
Языки
JavaScript
- HTML
- CSS