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 2 months 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-07-28T09:17:50.000Z (about 2 months ago)
Last Synced: 2024-07-28T10:37:07.010Z (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.75 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
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