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: 5 days 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 (about 2 months ago)
• Last Synced: 2024-09-15T06:02:34.964Z (about 2 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