Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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)
- Host: GitHub
- URL: https://github.com/egaxegax/dbcartajs
- Owner: egaxegax
- Created: 2013-04-03T17:45:42.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2024-09-14T21:49:13.000Z (3 months ago)
- Last Synced: 2024-09-15T06:02:34.964Z (3 months ago)
- Topics: canvas, image-viewer, javascript, map, metro, proj4js, projection, svg, vector-graphics
- Language: JavaScript
- Homepage: https://egaxegax.github.io/dbcartajs
- Size: 9.8 MB
- Stars: 59
- Watchers: 6
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-starred - egaxegax/dbcartajs - Pan, zoom vector map and images (Canvas, SVG) (javascript)
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