Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/egaxegax/dbcartajs

Pan, zoom vector map and images (Canvas, SVG)
https://github.com/egaxegax/dbcartajs

canvas image-viewer javascript map metro proj4js projection svg vector-graphics

Last synced: about 1 month ago
JSON representation

Pan, zoom vector map and images (Canvas, SVG)

Awesome Lists containing this project

README

        

## 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